windows 多版本管理工具 nvm-windows

前言

很多刚入行的小伙伴找到工作后,入职第一天配置环境,无从下手

以下则详细介绍如何安装和配置前端项目开发所需要的环境 配置

1 安装nvm

在安装nvm之前，先说一下为什么安装nvm，首先前端在公司开发项目，node环境是前端必不可缺需要配置的，因为不管是vue还是react，现阶段的项目90%都是工程化项目，而前端工程化项目又是基于node的。

但是不同公司不同项目类型基于的node版本又不一致，此时可以借助nvm方便切换node和npm的版本

1.1 下载nvm

nvm-github

 解压，双击安装里面的exe文件, nvm最好放在系统盘根目录下，node路径不用管

 注意: nvm不要安装在中文目录下

 1.2 检测安装

nvm -v

   在终端输入nvm -v，显示版本号了，表示安装成功。

nvm ls available 

 查看可以安装的node版本号

2 nvm配置

  打开nvm安装目录下的settings.txt文件，设置国内镜像（最新）npmmirror中国镜像站：

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

 3 nvm常用命令

nvm list available       //列出node可安装版本
nvm install --lts        //安装最新LTS版本
nvm install <version>    //安装指定版本
nvm install node         //安装最新node
nvm uninstall <version>  //卸载指定版本
nvm ls                   //查看已安装node版本
nvm use <version>        //切换node版本

4 npm不是内部或外部命令

C:\Users\GUOFENG\Desktop\scooter-dashboard>npm -v

'npm' 不是内部或外部命令，也不是可运行的程序

或批处理文件。

通过nvm root查看nvm的安装目录

Current Root: C:\Users\GUOFENG\AppData\Roaming\nvm

1. 查看对应node版本中是否有npm
2. 尝试安装对应大版本中的其他小版本

 5 npm设置淘宝镜像

  终端输入命令

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

   验证配置是否生效

npm config get registry
# or
cnpm config get registry

 如果终端返回的是淘宝镜像的地址，那么配置已经生效了。