手动创建支持SEO的React神级Next前端框架学习
- 2022-12-25 15:15:00
- pjd
- 原创 318
1、初始化项目
npm init #绑定仓库
2、yarn安装依赖包
yarn add react react-dom next
3、npm安装依赖包
npm install --save react react-dom nex
4、package.json配置项,添加dev build start
如下:
"scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev":"next", "build":"next build", "start":"next start" },
5、手动在项目目录下创建pages文件夹并创建index.js文件
6、Index.js文件中写入代码
function Index(){ return ( <div>Hello Next.Js</div> ) } export default Index
7、命令行启动项目
yarn dev #启动项目开发服务并浏览器中查看url: http://localhost:3000
npm run dev #npm方式启动开发项目服务器