Nuxt3 安装详细教程，npx nuxi@latest init失败怎么解决？

准备

 

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，配置全局样式文件，全局变量，方法，封装请求，全局状态管理，自定义组件