准备
1、Node.js -v18.0.0或以上版本
2、文本编辑器 - 推荐使用 Visual Studio Code 以及 Volar 扩展
3、终端 - 用于运行 Nuxt 命令
开始
打开终端输入以下命令,<project-name>为要创建的项目名称
npx nuxi@latest init <project-name>
// 例如:npx nuxi@latest init NuxtApp
这一步很多人基本上都会报错,要解决这个问题,只需要修改下host文件,host文件所在位置:C:\Windows\System32\drivers\etc,用记事本打开host文件在文件最后面加两行以下代码即可。
185.199.108.133 raw.githubusercontent.com
185.199.108.133:443 raw.githubusercontent.com
如果无法修改host文件,请先右键打开host文件属性-安全-编辑,勾选修改允许
做完以上步骤,重新执行npx nuxi@latest init <project-name>,初始化命令即可不报错。
安装完成,使用命令
cd <project-name>
进入创建好的Nuxt项目文件夹下,执行以下命令安装依赖
yarn install
// 或
npm install
依赖安装完毕后,在终端输入
npm run dev
运行项目
预告,后续更新Nuxt3安装element plus,scss,配置全局样式文件,全局变量,方法,封装请求,全局状态管理,自定义组件