基本介绍:
官方网址
Next.js是一个全栈框架。其前端基于React,后端基于Node.js。通过Node.js去沟通数据库或是操作文件系统
众所周知:React只负责页面渲染,其实不能成为一个框架,或者最多称为一个前端框架,Nextjs则是在React的基础上,前后端都能编写,是一个真正的框架
下面我们用Nextjs来创建一个react项目!
前置环境准备
node.js
在cmd中输入:npm-v
以检查是否安装了node.js,如果安装了,跳过此步骤
如果未安装,请阅读我的这篇文章:【react项目】从零搭建react项目[nodejs安装]
npx
npm5.2版本以后加入了npx命令,装了nodejs自己就有了
yarn(可选)
在cmd中输入:yarn -v
以检查是否安装了yarn,如果安装了,跳过此步骤
如果未安装,请阅读我的这篇文章:yarn与cnpm配置,vscode无法执行指令解决方法
创建工程
依据模板创建项目项目
npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"
--example
后面跟的参数是要作为模板的地址,此命令若是执行成功,则是把这个路径下的项目拷下来作为基座
创建一个空项目
逛网写的很详细,没必要赘述:官网创建空项目
js项目:npx create-next-app@latest
或者yarn create next-app
ts项目:npx create-next-app@latest --typescript
或者yarn create next-app --typescript
运行
yarn dev