参考微软microsoft官方文档

总体流程为 安装版本管理器 --> 安装node.js+npm -> 安装vue等modules

• 1.安装版本管理器
  安装 nvm-windows。从github上直接下载exe版本，双击即可安装下载地址
  安装成功后，打开power shell页面。Windows上通过shift+鼠标右键打开powershell，输入nvm list，如果能看到屏幕正常的响应（提示empty），说明安装成功了

• 2.安装node.js+npm
  执行命令 nvm list available, 屏幕上列出当前可以选择的版本，从LTS这一列里选择一个最新的版本号例如 22.13.1。执行命令 nvm install 22.13.1。之后再执行nvm use 22.13.1。完成了node.js和npm的安装

  
  
  image.png
  
  

  通过以下命令验证安装成功

PS D:\tmp > nvm list

  * 22.13.1 (Currently using 64-bit executable)
PS D:\tmp > node --version
v22.13.1
PS D:\tmp > npm --version
10.9.2

• 3.安装vue
  安装vue和@vue/cli两个组件，前者是vue的lib库，后者是通过命令行支持vue的命令，都需要安装。带有-g表示全局安装，也可以不带，表示安装在当前目录下。为了省事儿就-g了

PS D:\tmp> npm install -g vue
PS D:\tmp> npm install -g @vue/cli

当执行成功后，到nodejs的默认安装目录里去确认下是否下载成功了，默认的安装目录尅有通过以下命令获取

PS D:\tmp > npm config get prefix
D:\Program Files\nodejs\node_modules

在验证是否安装成功之前，还需要确认系统路径PATH里已经配置好了nodejs路径的环境变量。通过以下命令获取默认安装路径，将此路径添加到windows机器的PATH环境变量路径里。
注意：是否有bin文件夹 此路径需要根据安装好以后的vue命令实际存放的地址来正确配置，因为根据安装的npm版本不同，有的会带有bin，有的则不带。本文里演示的是不带bin文件夹的

• 4.验证vue是否安装成功
  完成上述任务后，关掉powshell并重新打开一个新的powshell（这是为了加载最新的环境变量）

PS D:tmp > vue --version
@vue/cli 5.0.8