Nuxt3.12 前端项目创建总结

说在前面

这里我是用VsCode作为我的编辑器，下面的拓展直接VsCode上安装即可。

创建步骤

先决条件

• 安装 Node.js 偶数版本 （18.0.0 或者 20.0.0）注意安装路径
• 安装 Nuxtr 拓展
• 安装 Vue - Official 拓展

创建项目

打开终端，输入以下命令创建项目

npx nuxi@latest init <project-name>

如果出现下面的情况，则是网络问题。

可以通过更换镜像源的方式解决，更换为淘宝的镜像源，避免网络问题，命令如下

npm config set registry https://registry.npmmirror.com/

 更换后重新输入上面创建项目的命令即可创建一个 nuxt 项目。

安装依赖

因为我选择使用 npm，所以我要安装 npm 的依赖。

在创建的项目目录中打开终端，输入以下命令即可安装依赖。

npm install

开始开发 

输入下面的命令，就可以在开发模式下启动你的 Nuxt 应用程序了。

npm run dev -- -o

---

参考资料：

[1] 安装 · 快速入门 Nuxt

[2] Nuxt3项目搭建（Nuxt3+element-plus+scss详细步骤）-CSDN博客