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

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

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

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

一、NVM下载
若是你已经单独安装了node，建议卸载，而后继续下面的操做。

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

​​

​​

F:htmlnvm是nvm的安装目录

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

二、配置环境变量

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

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

​​

​​​​​​

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

三、验证是否安装成功

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

​​

四、 安装，卸载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快捷方式指向会发生改变

​​

​​

​​

五、 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   ----