React Hooks+Laravel 前端博客实战
阐述
- 阐述
- 用create-next-app快速创建项目
- 建立博客首页
-
- 按需加载 Ant Design
- 配置文件 blog\package.json
我们先完成博客的前端界面的制作,主要完成的功能就是用户的访问,文章列表和文章详情页面。
因为Blog的前台需要SEO操作,所以我们一定会选用Next.js框架来辅助我们开发。
然后减少CSS和各种组件的重复开发,使用阿里的 Ant Desgin
来作为UI交互库。废话不多说,开始搭建开发环境了。
create-next-app就是Next.js的脚手架工具,有了它可以直接一句命令就建立好项目目录和基本结构,省去了我们很多的麻烦。
如果你没有使用过 create-next-app
,可以先进行全局安装,安装命令如下:
npm install -g create-next