手动创建支持SEO的React神级Next前端框架学习
- 2022-12-25 15:15:00
- pjd
- 原创 668
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方式启动开发项目服务器