手动创建项目

目录

创建新文件​编辑

在vscode中打开项目，ctrl+~唤出git终端

打开package.json

​编辑

在根目录创建一个文件夹，pages

新建一个index.js页面，用react hooks写法，是1.6.8的新特性，很重要

唤起终端

---

创建新文件

在vscode中打开项目，ctrl+~唤出git终端

输入

npm install --save react react-dom next

使用yarn和npm都行

打开package.json

没有下载脚手架，需要手动添加一些命令配置

    "dev": "next",
    "build": "next build",
    "start": "next start"

添加完后：

在根目录创建一个文件夹，pages

只要写在pages中的文件，next.js会自动进行路由设置

新建一个index.js页面，用react hooks写法，是1.6.8的新特性，很重要

唤起终端

输入

npm run dev

端口3000页面显示