乐趣区

前端案例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   —-

退出移动版