[next.js]全栈框架Next.js的环境准备

基本介绍:

官方网址
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

编译打包

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容