转载 ：https://blog.csdn.net/rong09_13/article/details/132661168
https://blog.csdn.net/shanghai597/article/details/130885636
1.安装 nvm //nodejs版本管理工具
# 显示可以安装的所有nodejs版本
nvm list available
# 安装指定版本的nodejs
nvm install <version>
# 显示已安装版本列表
nvm list
# 使用指定版本node
nvm use [version]
# 卸载指定版本node
nvm uninstall <version>
2. 安装node.js //运行环境
npm install -g @vue/cli //Vue.js项目脚手架工具
3. 安装nrm //npm管理工具
npm install -g nrm
# 查看镜像列表
nrm ls
# 查看当前使用的镜像
nrm current
# 添加镜像
nrm add <名称> <远程地址或私服地址>
# 删除镜像
nrm del <名称>
# 切换镜像
nrm use <名称>
# 测试镜像网络传输速度
nrm test <名称>
# 查看nrm版本号
nrm <-version | -V>
# 查看nrm相关信息
nrm <-help | -h>
# 打开镜像主页
nrm home <名称> [browser]
# 上传npm包或命令程序
nrm publish [<tarball>|<folder>]
4.创建Vue3工程
npm create vite@latest
# 切换到项目跟目录
cd vite-project
# 安装依赖
npm install
# 启动项目
npm run dev
5.安装Vue3常用依赖
>Element-Plus //前端ui框架
npm install element-plus --save
> Axios //网络请求依赖
npm install axios
>Sass //样式
npm install sass -D
>router //路由
npm install vue-router
>
>npm install pinia //缓存
>npm install pinia-persistedstate-plugin //缓存持久化
>npm install @vueup/vue-quill@latest --save //富文本依赖
最后目录调整
删除components下面自动生成的内容
新建目录api、utils、views
将资料中的静态资源拷贝到assets目录下
删除App.uve中自动生成的内容