一.搭建react项目的几种方式
- 使用create-react-app
- next.js
- gatsby
- umijs
- taro.js
二、使用next.js搭建react项目
首先找个地方新建个文件夹，然后执行npm init,来创建一个package.json文件，创建好之后应该就是下面这样。
屏幕快照 2019-09-20 下午10.38.24.png
接下来需要用next.js来创建项目了。首先打开vs中的终端，当然别的终端也可以，进入到当前的项目目录下，执行
yarn add next react react-dom
或者
npm install next react react-dom
然后把下面的这些脚本添加到package.json中。
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
然后再项目下新建一个pages文件夹并创建一个index.js文件
放下面这段代码进去
export default () => <div>Welcome to next.js!</div>
之后可以执行npm run dev来运行自己的项目了，
网友评论