单版本安装环境

  1. 直接官网下载

下载地址

左边的LTS版本是长期支持版,比较稳定,推荐使用,而右边的Current版本是当前发布版,也就是最新版本,包含新的功能,但是也可能包含新的bug,只推荐测试使用。

  1. 点击一个版本并下载(这里下载网站会根据自身的机器环境自主选择是64bit还是32bit)

  1. 点击msi的安装包,一路next,当然也可以修改一下安装路径。

这里默认是有Add to PATH的也就是说安装完成后直接加入到系统的环境变量中。

  1. 安装完成后检查环境变量配置是否正确。

可以看到已经加入到PATH中去。

  1. dos检查是否安装成功。

再控制台输入node

然后再出现的 “>”,后面输入console.log('node')

如果出现如下图所示的结果,证明安装成功。

多版本安装环境

有时候我们可能需要使用不同的版本来进行开发和测试,比如在一个稳定版本开发完毕后,需要检查是否在最新版本上也可以正常运行,这时候如果再去下一个最新的版本,再去卸载当前安装的版本,然后再安装、测试显得十分的麻烦,而nvm版本控制器很好的解决了这个问题,它可以很轻松的切换各个版本,而且可以直接使用nvm下载不同版本node.js,十分方便。

nvm多版本管理的方法

  1. 卸载当前已有的nodejs版本
  2. 下载nvm(一定要下载最新的版本,不然npm可能会安装失败!!)

下载地址

直接选择最新的非安装版本,也就是nvm-noinstall.zip这个包(这里也可以下载安装版本,直接安装即可,但是也需要配置环境变量,配置的方法和下面介绍的是一致的)

点击下载,下载完成后,在某一个盘下新建一个文件夹,在此文件夹下新建nvm文件夹和nodejs两个文件夹。

然后将下载好的压缩文件直接解压到nvm文件夹中。

3.右键以管理员的身份运行install.cmd直接按回车。

然后会弹出一个settings.txt文件,修改里面的root和path参数,把root参数改为nvm的路径,把path参数改为刚刚创建的名为nodejs的空文件夹路径,然后将其另存为nvm下。这里需要注意的是,因为镜像在国外,下载速度可能比较慢,可以提前设置一下国内淘宝的镜像,这样一会在下node.js的时候比较快。

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

4.配置nvm和Node.js环境变量,上一步完成之后,nvm会在系统环境变量中创建一个名为NVM_HOME的变量,我们需要把其值设置为nvm的路径,它还创建一个NVM_SYMLINK,我们要并把值设置为nodejs文件夹的路径。

5.将其加入到path变量中。一定不要忘了%

6.打开命令好,输入nvm,看是否安装成功。

7.nvm基本命令介绍

  • nvm nvm list 是查找本电脑上所有的node版本
  • nvm list 查看已经安装的版本

    • nvm list installed 查看已经安装的版本
    • nvm list available 查看网络可以安装的版本
  • nvm install 安装最新版本nvm
  • nvm use <version> ## 切换使用指定的版本node
  • nvm ls 列出所有版本
  • nvm current显示当前版本
  • nvm alias <name> <version> ## 给不同的版本号添加别名
  • nvm unalias <name> ## 删除已定义的别名
  • nvm reinstall-packages <version> ## 在当前版本node环境下,重新全局安装指定版本号的npm包
  • nvm on 打开nodejs控制
  • nvm off 关闭nodejs控制
  • nvm proxy 查看设置与代理
  • nvm node_mirror [url] 设置或者查看setting.txt中的node_mirror,如果不设置的默认是 https://nodejs.org/dist/
    nvm npm_mirror [url] 设置或者查看setting.txt中的npm_mirror,如果不设置的话默认的是: https://github.com/npm/npm/archive/.
  • nvm uninstall <version> 卸载制定的版本
  • ,nvm use [version] [arch] 切换制定的node版本和位数
  • nvm root [path] 设置和查看root路径
  • nvm version 查看当前的版本

8.我们可以用nvm list命令查看一下当前系统中安装的node.js版本

9.然后使用nvm install <版本号>命令来安装node.js环境,注意nvm install latest表示安装最新版本。这里安装目前的最新版本和最稳定版本。

安装11.9.0

可以看到安装成功后会在nvm路径下生成出一个对应版本的文件夹。

文件夹里面的内容(这里是包含npm的,nvm会把npm一起下载下来)

安装10.15.1

10.此时再用nvm list命令查看,就可以看到安装好的两个版本了。

11.我们用nvm use <版本号>来使用其中的一个版本。这里使用10.15.1这个相对稳定的版本。

12.再用nvm list命令查看,就可以看到正在使用的版本带星号了。

13.使用node -v命令查看当前node.js的版本号,正是我们使用的v10.15.1

14.使用npm -v命令查看当前使用的npm版本

至此我们的node.js多版本环境就已经安装完成。

最后需要解释一下,nvm是怎么进行版本切换的呢,只要打开我们最先创建的那个文件夹就会明白了

为什么我们之前建的nodejs的文件夹会成为一个快捷方式?打开这个文件夹就会看到里面的内容和nvm文件夹下我们正在使用的nodejs的版本对应的文件夹下的内容是一模一样的。

原来它是把我们创建的那个名为nodejs的文件夹设置成了一个快捷方式,然后直接映射到nvm下正在使用的nodejs版本对应的文件夹。

设置npm全局路径

安装node的时候,npm其实也已经一起安装了。因为nvm可以管理多个版本的node,所以nvm管理的各个node都会对应不同的npm,也就是说有它们都有自己相对独立的插件包,每次添加一个node版本都要安装一堆的包非常的麻烦,而设置一个全局的npm,所有的node版本都可以公用这个npm,这样就可以不用重复的安装插件包了。

  1. 打开命令行,输入npm config set prefix "E:\Server\NodeJs\nvm\npm",后面的路径是npmnpm下载插件包时全局安装的包路径.(这里如果没有此文件夹,后面安装全局npm时会自动创建的)此时npm会在C:\Users\<用户名>下创建一个名为.npmrc的文件,内容如下 prefix=E:\Server\NodeJs\nvm\npm,如果国外镜像被墙,可以直接再后面添加一个registry = https://registry.npm.taobao.org,使用国内的淘宝镜像,提升速度。
  2. 输入命令npm install npm -g --registry=https://registry.npm.taobao.org,安装全局npm,不同的node都使用这个npm,想更新全局的npm的话首先删除全局路径,后面的网站是淘宝的镜像网站,访问速度会快一些。

  1. 在系统环境变量添加一个新的变量名为NPM_HOME,值为E:ServerNodeJsnvmnpm(全局插件包的路径),path中添加%NPM_HOME%,注意了,这个一定要添加在 %NVM_SYMLINK%之前

4.最后输入npm -v查看当前的npm版本。

![](http://cdn.imhowie.com/img/190201-node-envir/node_install_mul_28.png)

配置cnpm

因为npm的镜像在国外,有墙隔着访问难免会很慢,cnpm是中国版的npm镜像库,速度肯定会比国外的快的多,另外淘宝也有自己的一个镜像库,它和官方的npm每隔10分钟同步一次。

安装方法:

  1. 命令行输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 或者npm install -g cnpm –registry=http://r.cnpmjs.org 回车开始下载。

如果单纯的为了提升速度直接使用国内的库也没什么问题,使用命令npm config set registry https://registry.npm.taobao.org,这一条命令就和刚刚往.npmrc添加registry = https://registry.npm.taobao.org是一样的

  1. 安装好了cnpm后,使用方法和npm没什么差别,直接执行cnpm install 包名比如:cnpm install bower -g就可以了。-g只是为了把包安装在全局路径下。如果不全局安装,也可以在当前目录中安装,不用-g就可以了。

nrm的安装和使用

nrm(npm registry manager )是npm的镜像源管理工具,有时候国外资源太慢,那么我们可以用这个来切换镜像源。

  1. 全局安装 nrm

    `npm install -g nrm`

  1. 安装完后就可以立即使用了,我们来列出可用的源

    `nrm ls`
    

3.当然这里我们看到taobao的源上打了星号,表示现在已经再用淘宝的源,如果没有选择国内的源,可以用nrm use taobao命令选择国内淘宝的源。

在安装nvm中遇到的大坑。

巨坑1.配置环境变量是忘记写%

其实这也不算是个坑吧,只能说之自己不仔细。刚开始配完环境变量之后,在控制台中输入nvm,怎么弄都没反应,原来是忘掉了%,这种低级错误以后一定不能再犯了!!!

巨坑2.使用nvm安装nodejs时,相应的npm不会被安装

刚开始使用nvm install命令安装node.js时,当时在控制台出现了一个错误,当时并没有仔细去读,还以为是提示信息,而且因为它会在最外层生成一个文件夹,没有在意文件夹里面的内容,以为是npm也已经安装好了,等到用npm的时候我才发现,没有这个命令,之后才注意到各个版本文件夹中并没有安装好npm,卸载了重新安装一边,才发现因为墙的原因,npm下载超时了,百度了一下,在setting文件中加入了国内的镜像,果然是没有再提升报错,但是更坑的地方来了,虽然没有报错但是npm那个包依然没有下载完成,版本文件夹中只有node.exe文件和node_modules文件夹,在网上各种查资料,各种折腾,一上午过去了,还是没有结果,然后我就在想难不成因为网的原因,因为我家是移动网,下在国外的资源特别慢,甚至Github上的开源项目都是几Kb几Kb的走,之后我拿着电脑去了小伙伴家,用他家的网试了试,还是不行,就在我一筹莫展的时候,突然灵光乍现,尼玛,会不会是我nvm版本的问题,因为nvm的安装包是再github上的,下载速度比较慢,我就直接从别的地方下的,可能不是最新版本,然后用他家的网,下载一个最新版本,安装完之后既然奇迹的好了,npm也下载成功了,WTF,这是操作???之后再用nvm一定要用最新版本!!!一定要用最新版本!!!一定要用最新版本!!!重要的事情说三遍!!!!!

最后编辑:2021年02月09日 ©著作权归作者所有

评论已关闭