next项目:手动添加配置-入门demo(一)

特别感谢技术胖的视频

1.新建一个目录Next-Demo

2.新起一个命令行在当前目录下,进行npm init -y

3.新建一个index.js,因为初始化的时候package.json的入口文件就是这个,当然也可以改其它名字,只要更改package.json里面main:名字就行

4.安装开发所需要的包npm install -S react react-dom next

5.写一个react的组件程序

export default function index() {
  return <div>Hello Next.js</div>
}

6.更改package脚本命令

7.在Next-Demo的命令窗口下执行npm run dev，成功生成