Windows 配置nodejs（nvm方式）

1. 下载

nvm-windows

2. 安装

• 自定义 nvm 安装目录
• 自定义 nodejs 目录
• 其他，默认下一步

3. 修改nvm下载源

• 在nvm目录中找到setting.txt添加以下代码

  node_mirror: https://npm.taobao.org/mirrors/node/
  npm_mirror: https://npm.taobao.org/mirrors/npm/
  

• setting.txt 文件完整内容

  root: D:\Environment\nvm\nvm
  path: D:\Environment\nvm\nodejs
  node_mirror: https://npm.taobao.org/mirrors/node/
  npm_mirror: https://npm.taobao.org/mirrors/npm/
  

4. nvm常用命令

命令	说明
nvm list available	显示可以安装的所有node.js的版本
nvm list	显示所有已安装的node.js版本
nvm use 版本号	切换到指定的nodejs版本
nvm install 版本号	安装指定版本的node.js，例如：nvm install 8.12.0
nvm uninstall 版本号	卸载指定版本的node.js，例如：nvm uninstall 8.12.0
nvm on	启用node.js版本管理
nvm off	禁用node.js版本管理(不卸载任何东西)

5. npm配置

使用 nvm 时，默认的 prefix 是当前激活的 Node.js 版本的安装路径。这带来一个问题：

• 切换版本之后，之前安装全局命令模块需要重新安装，非常不方便。

解决方案是配置统一的全局模块安装路径。

• 新建npm_global文件夹：用于npm包的全局安装路径
• npm_cache文件夹：用于npm包的全局cache路径

• 查看npm镜像源

  npm config get registry
  

• 修改 npm 的镜像源为淘宝镜像

  • 注：修改 setting中的镜像后，默认 npm的镜像已被设置为淘宝镜像

  npm config set registry https://registry.npm.taobao.org
  

• 查看配置列表

  npm config ls
  

• 查看配置列表的全部信息

  npm config ls -l
  

• 查看当前npm包的全局安装路径

  npm prefix -g
  

• 修改npm的包的全局安装路径

  npm config set prefix "D:\Environment\nvm\npm\global"
  

• 查看当前npm包的全局cache路径

  npm config get cache
  

• 修改npm的包的全局cache位置

  npm config set cache "D:\Environment\nvm\npm\cache"
  

• 配置环境变量

  将npm包全局安装路径配置在环境变量中

  • 此电脑 -> 属性 -> 高级系统设置 -> 环境变量 -> 系统变量 -> path ->编辑 - > 新增路径
  • D:\Environment\nvm\npm\global

【注】每次使用nvm切换node版本，最好都查看一下npm全局配置路径是否失效

6. yarn管理

• 安装yarn

  npm install yarn -g
  

• 查看yarn版本（验证是否安装成功）

  yarn -v
  

【注】如果首次安装yarn后，运行yarn -v不能显示yarn的版本，可以重启一下终端再尝试

yarn的默认缓存和存储包的路径都在C盘，所以最好在安装后也进行修改

• 查看配置列表

  yarn config list
  

• 查看 yarn 的镜像源

  yarn config get registry
  

• 修改 yarn 的镜像源为淘宝镜像

  yarn config set registry https://registry.npm.taobao.org
  

• 查看 yarn 全局安装目录(folder)

  yarn global dir
  

• 修改 yarn 全局安装目录(folder)

  yarn config  set global-folder "D:\Environment\nvm\yarn\global"
  

• 查看 yarn 全局安装目录的bin目录(prefix)

  • bin目录需要自己创建, 而且需要把此目录加到系统环境变量

  yarn global bin
  

• 修改 yarn 全局安装目录的bin目录(prefix)

  yarn config set prefix "D:\Environment\nvm\yarn\global"
  

• 查看 yarn 全局cache位置(cache)

  yarn cache dir
  

• 修改 yarn 全局cache位置(cache)

  yarn config set cache-folder "D:\Environment\nvm\yarn\cache"
  

• 配置环境变量

  将D:\Environment\nvm\yarn-bin添加到环境变量的path变量中

  若该目录下自动生成了bin目录，则添加D:\Environment\nvm\yarn\global\bin到环境变量中

7. 修改创建vue项目的方式

首次创建vue项目时，会要求选择 npm 还是 yarn；
选择完之后，默认都是首次选择的方式；
如果想修改，则需要修改 用户目录下的 .vuerc文件

{
  "useTaobaoRegistry": true,
  "packageManager": "yarn"      # 改为 npm 则通过 npm 创建 vue 项目
}