有段时间没有写博客了，因为这段时间一直在搞微信机器人框架相关的开发。由于是碎片化的东西，不成体系，也没法整理成文章。恰好，最近也慢慢轻松下来，所以准备重拾Vue的学习。作为一个后端程序员，不会点前端知识总感觉是不完整的。
1.安装Node.js：
Vue3.0的Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。我这边用的是2022-10-17发布的v19.0.0版本，主要是觉得这个版本号比较靓。
v19.0.0版本对应的官网下载地址：https://nodejs.org/download/release/v19.0.0/
具体可以去Node官网查看：https://nodejs.org/en/
安装包根据自己当前的开发环境选择，我目前的电脑系统是Windows10（64位），所以我选择的版本是：node-v19.0.0-x64.msi，安装过程比较傻瓜式，全部默认下一步就好了。
2.配置环境变量：
1.打开系统属性-高级-环境变量，在系统变量中新建变量名：NODE_PATH,变量值：D:\soft\nodeJS\node_global\node_modules;
2.编辑用户变量的 path，将默认的 C 盘下 C:\Users\Administrator\AppData\Roaming\npm 修改为 D:\soft\nodeJS\node_global；保存即可。
3.查看版本号和更换镜像源：
直接快捷键 Win+R 呼出运行窗口，输入cmd，然后回车打开命令窗口。
node -v #显示安装的nodejs版本
npm -v #显示安装的npm版本如果版本号都显示正常，则安装成功。这时候无法直接安装Vue，因为默认是国外的镜像源，需要科学上网才行。我们需要切换到淘宝提供的镜像源：
npm config get registry #查看镜像源
npm config set registry=https://registry.npm.taobao.org/ #更改为淘宝镜像源
npm config get registry #查看镜像源如果显示为淘宝镜像源，则更改成功。
pnpm config set registry https://registry.npmmirror.com
4.安装Vue：
安装Vue3.0，命令：
npm install vue@next安装成功后会显示包的数量和消耗时间，例如：added 21 packages in 2s
Vue提供了一个官方CLI，可用于快速搭建Single Page Applications。它为现代的前端工作流提供构建设置。只需几分钟就可以启动并重新运行热保存，可用于生产的构建。有关更多详细信息，请参见Vue CLI文档。
安装vue脚手架，命令：
npm install -g @vue/cli5.创建Vue3.0项目：
打开Vue项目管理器，命令：
vue ui然后控制台会输出项目管理器的url：http://localhost:8000，并且会自动打开浏览器。
此时cmd窗口不能关闭！
项目管理器页面操作：
1.点击创建->编辑路径（例如：E:/VueProject/）然后回车保存->在此创建新项目。
2.填写项目名，初始化Git仓库可以关掉。（下一步）->手动。（下一步）
3.Babel、Router、VueX开启，其他的关闭。（下一步）
4.历史记录开启->创建项目->创建项目，不保存预设。
项目创建成功以后，右下角会有弹窗提示。
6.启动Vue项目：
项目创建成功以后，左边侧边栏选择任务->server->运行。
启动成功以后，右下角有弹窗提示。此时，右侧切换到输出tab页可以看到底部显示的项目url：
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.31.25:8080/点击url即可访问项目页面，能正常显示logo，则启动成功。
7.在IDEA中启动：
1.IDEA选择Vue项目直接打开，然后安装Vue插件（插件管理里面安装）。
2.右上角启动/调试的位置->编辑配置->加号->npm。
3.package.json 选择项目下的 package.json->命令：run->脚本：serve->节点解释器：找到Node.js安装目录，选择node.exe->软件包管理器：Project->应用。
4.点击运行，如果报错："node"不是内部或外部命令……则检查环境变量是否有问题，如果没有问题就重启电脑重新打开IDEA运行！
5.控制台显示url表示成功启动。
PS：Vue项目必须通过项目管理器创建，然后导入IDEA，不能通过IDEA直接创建。
