P01：前端基础开发环境搭建

Posted 2022-01-10 wgchen~

React Hooks+Laravel 前端博客实战

• 阐述
• 用create-next-app快速创建项目
• 建立博客首页
• • 按需加载 Ant Design
• 配置文件 blog\\package.json

阐述

我们先完成博客的前端界面的制作，主要完成的功能就是用户的访问，文章列表和文章详情页面。

因为Blog的前台需要SEO操作，所以我们一定会选用Next.js框架来辅助我们开发。

然后减少CSS和各种组件的重复开发，使用阿里的 Ant Desgin 来作为UI交互库。废话不多说，开始搭建开发环境了。

用create-next-app快速创建项目

create-next-app就是Next.js的脚手架工具，有了它可以直接一句命令就建立好项目目录和基本结构，省去了我们很多的麻烦。

如果你没有使用过 create-next-app，可以先进行全局安装，安装命令如下：

npm install -g create-next