目录
一、配置node环境
1.安装nvm
可以在github下载nvm安装包，安装路径不要有中文。
在vs code里面按 ctrl + shift + ~ 打开命令控制台，输入 nvm 后回车，可以看到以下内容的话就算是安装成功。（我用vs code写的网页所以就直接在里面开了）
2.安装node
在vs code里面按 Ctrl + Shift + ~ 打开命令控制台，输入 node install 22 后回车，安装完成后输入 node 后回车，可以看到以下内容的话就算是安装成功，Ctrl + D退出 node 命令行。
二、创建Vue项目
1.创建Vue项目
在vs code里面按 Ctrl + Shift + ~ 打开命令控制台，输入 cd +目标文件夹，然后回车，可以打开目标文件夹。
输入 npm create vite@latest my-vue-app -- --template vue ，之后选择 vue ，然后选择 Javascript，可以完成项目的创建。（my-vue-app 是项目名称，也可以自行改成别的，这里我取名为test）
通过输入 cd + 目标文件夹 打开项目文件夹，输入 npm run dev，Ctrl + 鼠标左键 点击链接，就可以在浏览器打开文件最外层目录的 index.html 文件的页面。如果出现“vite不是内部命令或外部命令”的字样，就在控制命令台的目标文件夹输入 npm install，之后再输入 npm run dev。
2.空白页面
打开项目文件夹（我这里命名成了test），打开src文件夹，找到 App.vue ，把里面的东西删干净。
三、安装Vue3 UI 框架（Element Plus）
在vs code里面按 Ctrl + Shift + ~ 打开命令控制台，通过输入 cd + 目标文件夹 打开项目文件夹，输入 npm install element-plus 安装element plus，然后就可以将各种组件拼在 App.vue 里并设计自己的页面了。
如果有其他需要可以自行安装。（例如，需要图标可以通过输入 npm install @element-plus/icons-vue 安装 @element-plus/icons-vue）
