前端案例-nvm在windows下的安装配置

前端案例-nvm在windows下的安装配置

最近有同学学习node的时候在安装nvm上出现了许多问题，下面我就给大家说一说nvm的安装配置。

在实际情况下我们可能同时在进行2个项目，而2个不同的项目所使用的node版本又是不一样的，或者是要用更新的node版本进行试验和学习。这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，而nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换，而这个正是nvm的价值所在。

1、NVM下载
如果你已经单独安装了node，建议卸载，然后继续下面的操作。

直接进入安装包下载地址：https://github.com/coreybutle...，选择nvm-setup.zip，下载后直接安装。

​​

​​

F:htmlnvm是nvm的安装目录

F:htmlnodejs是当前使用的node目录（是一个快捷方式，链接到nvm文件夹对应的node版本，当你切换到使用的版本后，快捷方式的指向随之改变，后面再说）

2、配置环境变量

NVM_HOME ：指向nvm安装目录(node.js所有版本都会在这个目录下)

NVM_SYMLINK：nodejs安装目录 (当前使用nodejs版本)

​​

​​​​​​

我这边是安装完nvm后自动配置好了环境变量

3、验证是否安装成功

cmd，输入nvm -v，出现版本号，说明安装成功

​​

4、 安装，卸载nodeJS
使用nvm install <version> [<arch>]命令下载需要的版本。arch参数表示系统位数，默认是64位，如果是32位操作系统，需要执行命令：nvm install 8.11.0 32，出现下图表示安装、卸载完成，安装时会自动安装对应版本的npm

​​
​​

如果报:
Could not retrieve https://nodejs.org/dist/lates...
Get https://nodejs.org/dist/lates...: net/http: TLS handshake timeout
这种错，说明出现远程连接被关闭的问题，这是由于国内网络限制导致的
解决方法:
可以将nvm中node和npm设置到国内源,在nvm的安装路径下找到settings.txt(如果没有，可新建一个)打开:添加一下代码

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

​​

查看一共安装了多少node和使用指定版本node

​​

当切换到使用8.11.0版本时，对应的nodejs快捷方式指向会发生改变

​​

​​

​​

5、 npm的安装
npm是什么？ 

npm有两层含义，第一是npm这个开源的模块登记和管理系统，也就是这个站点：https://www.npmjs.com。 
第二个指的是 nodejs package manager 也就是nodejs的包管理工具。我们主要说的就是这一个。 
在每个版本的nodejs中，都会自带npm，为了统一起见，我们安装一个全局的npm工具，这个操作很有必要，因为我们需要安装一些全局的其他包，不会因为切换node版本造成原来下载过的包不可用。

首先我们进入命令模式，输入 

npm config set prefix "F:htmlnvmnpm" 

npm config set cache "F:htmlnvmnpm_cache" 

这是在配置npm的全局安装路径，然后在用户文件夹下会生成一个.npmrc的文件，用记事本打开后可以看到如下内容

​​

这样全局安装包的时候npm install xxx -g，会安装到F:htmlnvmnpm目录下

​​

​​

我们为这个npm配置环境变量： 变量名为：NPM_HOME，变量值为 ：F:htmlnvmnpm

​​

在Path的最前面添加;%NPM_HOME%，注意了，这个一定要添加在 %NVM_SYMLINK%之前

​​

cmd 输入npm -v，此时我们使用的就是我们统一下载的npm包了。

​​

PS：如果全局安装包后，比如安装了gulp，npm install gulp -g，如果运行gulp提示gulp命令不可用，请进入以下目录，shift右击打开命令窗口，运行gulp命令，如果可以运行，证明gulp包安装正确了，先关掉所有的cmd窗口重新打开一个cmd试试，还是不行的话说明环境变量配置错误，请检查；如果不能运行，说明gulp包安装错误，重新安装试试；

​​

同样的我们还可以安装cnpm工具，它是中国版的npm镜像库，地址在这里：https://cnpmjs.org/，也是npm官方的一个拷贝，因为我们和外界有一堵墙隔着，所以用这个国内的比较快，淘宝也弄了一个和npm一样的镜像库，http://npm.taobao.org/，它和官方的npm每隔10分钟同步一次。安装方式：
淘宝的npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好了cnpm后，直接执行cnpm install 包名比如：cnpm install gulp -g 就可以了。-g只是为了把包安装在全局路径下。如果不全局安装，也可以在当前目录中安装，不用-g就可以了。

对文章有任何问题都可以评论留言哦，我会在第一时间回复，谢谢大家了。

----    End   ----