nextJS搭建

1.手动搭建nextJS

第一步：初始化一个package.json

npm init

第二步：安装next.js

npm install --save next react react-dom

第三步：配置启动命令，然后启动

{
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

启动：npm run dev

第四步：写首页，先跑起来。

1.新建pages/index.js
2.录入 export default ()=> 启动成功
注：因为next.js将pages目录作为路由页面，已经全局处理过react，所以我们的页面内，无需再额外引入react，即可使用react的语法。

2.使用create-next-app安装

第一步：全局安装create-next-app

npm i -g create-next-app

第二步：创建项目

npx create-next-app test
注：此命令会自动帮我们安装next react react-dom，并创建好目录

第三步：启动，运行