下载安装包
点击这里下载:node官网
根据电脑系统及位数选择,我这里选择的是node-v16.13.1-x64.msi
安装node.js
下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在 C:\Program Files\nodejs
下,也可以自定义修改。我安到了D盘
- npm package manager:表示npm包管理器
- online documentation shortcuts:在线文档快捷方式
- Add to PATH:添加node安装路径到环境变量
配置操作
看node和npm版本
安装完成后,.msi格式的安装包会自动将将node.exe添加到系统变量的path里,可以在CMD命令提示符执行node -v
查看node版本,执行npm -v
查看npm版本
修改全局依赖包下载路径
默认情况下,我们在执行 npm install -g XXXX
下载全局包时,这个包的默认存放路径为 C:\Users\用户名\AppData\Roaming\npm\node_modules
下,可以通过CMD指令 npm root -g
查看一下
但是有时候我们不想让全局包放在这里,我们可以自定义存放目录,在CMD窗口执行以下两条命令,修改默认路径:
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"
或者打开D:\Program Files\nodejs\node_modules\npm\.npmrc
文件,修改如下:
prefix = D:\Program Files\nodejs\node_global
cache = D:\Program Files\nodejs\node_cache
以上操作表示,修改全局包下载目录为 D:\Program Files\nodejs\node_global
,缓存目录为 D:\Program Files\nodejs\node_cache
,并会自动创建node_global目录,而node_cache目录是缓存目录,会在你下载全局包时自动创建。
配置环境变量
进入环境变量对话框,在【系统变量】下新建用户变量,变量名:NODE_PATH
,变量值:D:\Program Files\nodejs\node_modules
配置【用户变量】里的Path
变量,将C:\Users\用户名\AppData\Roaming\npm
改为D:\Program Files\nodejs\node_global
安装VUE脚手架
npm install -g @vue/cli
测试
在命令行输入vue ui
,就可以使用可视化工具新建项目了