下载安装包

点击这里下载: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,就可以使用可视化工具新建项目了

最后修改:2022 年 01 月 07 日
如果觉得我的文章对你有用,请随意赞赏