资讯专栏INFORMATION COLUMN

解析多版本node的安装和切换详细操作步骤

3403771864 / 39人阅读

  在项目开发中,你是否遇见由于要运行不同的项目,这样node版本不一致会造成不少问题,本篇文章主要就是介绍多版本node的安装和切换详细操作步骤的相关知识。

  安装多版本node的原因:

  在项目开发过程中,不同项目使用的node版本不同,有时会因为node版本过高或太低,导致报错;如何在同一个系统中安装多个版本的node呢,现在就看看两种合适的解决方式吧!

  方法一:利用nvm进行管理

  NVM 简介

  NVM 全称 Node Version Manager,是一个管理 NodeJS 版本的工具。

  NVM 默认只支持 Linux 和 OS X,不支持 Windows,针对 Windows 操作系统有 2 个替代方案:

  nvm-windows

  nodist

  这里只介绍使用nvm-windows安装和切换多版本NodeJS的方法。

  安装前须知:

  之前有node环境的需卸载干净

  如果安装完node后,输入nvm use <版本号>,仍无效(node版本前面都没有选中的"*"),需重新安装

  安装路径上不要有中文字符或者空格,否则会出现错误

1.png

  卸载已安装的nodeJS

  点击开始菜单,找到nodejs的文件夹,点击箭头处,进行卸载(注意:进行此操作之前需结束使用nodejs的项目)

2.jpg

  检测系统中是否还存在nodejs

  (1) 在开始菜单中进行查看

  (2) 在cmd窗口中输入node -v进行查看

  nvm 的安装与使用

  nvm下载

  安装包下载地址:https://github.com/coreybutler/nvm-windows/releases

3.png

  注意:安装环境win10系统,64位

  nvm安装(注:最好不要装在C盘)

  (1)在指定的文件下新建两个文件夹,一个用来存放nvm的安装文件,另一个用来存放node的文件

4.png

  (2)将下载好的安装包放入nvm文件夹中,解压,进行安装。

  注意:安装时选择开始新建的文件夹作为指定安装目录

5.png

  (3)选择nvm安装路径,点击下一步

6.png

  (4)选择nodejs路径

7.png

  (5)点击 Install——>点击 Finish,安装完成。

  (6)确认是否安装成功

  打开CMD,输入命令nvm命令,安装成功则如下显示

8.png

  (7)到此nvm已经安装成功

  如果有安装淘宝镜像的需完成下载镜像的配置,没有可跳过

  打开nvm文件夹下的settings.txt文件,在最后添加以下代码(不改,下载node可能会报错)

9.png

  arch: 64
  proxy:
  node_mirror: https://npm.taobao.org/mirrors/node/
  npm_mirror: https://npm.taobao.org/mirrors/npm/

  注:

  arch:Windows 操作系统位数

  proxy:代理,淘宝 NodeJS 镜像和 NPM 镜像

10.png

  注:

  root:NVM 安装路径

  path:NodeJS 快捷方式路径

  node 的不同版本安装及切换

  NVM 安装成功后,win + r 输入cmd 新开cmd窗口,可以通过nvm -v命令查看所有可用的命令。

  C:\>nvm -v
  Running version 1.1.7.
  Usage:
  nvm arch : Show if node is running in 32 or 64 bit mode.
  nvm install <version> [arch] : The version can be a node.js version or "latest" for the latest stable version.
  Optionally specify whether to install the 32 or 64 bit version (defaults to system arch).
  Set [arch] to "all" to install 32 AND 64 bit versions.
  Add --insecure to the end of this command to bypass SSL validation of the remote download server.
  nvm list [available] : List the node.js installations. Type "available" at the end to see what can be installed. Aliased as ls.
  nvm on : Enable node.js version management.
  nvm off : Disable node.js version management.
  nvm proxy [url] : Set a proxy to use for downloads. Leave [url] blank to see the current proxy.
  Set [url] to "none" to remove the proxy.
  nvm node_mirror [url] : Set the node mirror. Defaults to https://nodejs.org/dist/. Leave [url] blank to use default url.
  nvm npm_mirror [url] : Set the npm mirror. Defaults to https://github.com/npm/cli/archive/. Leave [url] blank to default url.
  nvm uninstall <version> : The version must be a specific version.
  nvm use [version] [arch] : Switch to use the specified version. Optionally specify 32/64bit architecture.
  nvm use <arch> will continue using the selected version, but switch to 32/64 bit mode.
  nvm root [path] : Set the directory where nvm should store different versions of node.js.
  If <path> is not set, the current root will be displayed.
  nvm version : Displays the current running version of nvm for Windows. Aliased as v.

  使用nvm install <版本号>命令安装指定版本的NodeJS

  C:\>nvm install v8.16.2
  Downloading node.js version 8.16.2 (64-bit)...
  Complete
  Downloading npm version 6.4.1... Complete
  Installing npm v6.4.1...
  Installation complete. If you want to use this version, type
  nvm use 8.16.2

  安装成功后在 NVM 安装目录下出现一个 v8.16.2 文件夹,使用nvm list命令查看已安装 NodeJS 列表。

  C:\>nvm list
  8.16.2

  再次使用nvm install <版本号>命令安装另一版本的 NodeJS

  C:\>nvm install v12.8.0
  Downloading node.js version 12.8.0 (64-bit)...
  Complete
  Creating C:\Dev\nvm\temp
  Downloading npm version 6.10.2... Complete
  Installing npm v6.10.2...
  Installation complete. If you want to use this version, type
  nvm use 12.8.0

  使用nvm use <版本号>切换需要使用的 NodeJS 版本,切换成功后可以使用node -v和npm -v命令查看是否切换成功。

  C:\>nvm use v8.16.2
  Now using node v8.16.2 (64-bit)
  C:\>node -v
  v8.16.2
  C:\>npm -v
  6.4.1

  这里需注意使用nvm use <版本号>时可能出现乱码的情况

  C:\>nvm use v8.16.2
  exit status 1: ��û���㹻��Ȩ��ִ�д˲�����

  这时候不要慌张,是出现什么错误,只需重新打开一个以管理员身份运行cmd窗口就不会出现乱码的情况,使用nvm use <版本号>切换需要使用的 NodeJS 版本,使用nvm ls查看所有安装的node版本,版本号前面带有*号的表示当前使用的NodeJS版本。

 

 C:\Windows\system32>nvm use v8.16.2
  Now using node v8.16.2 (64-bit)
  C:\Windows\system32>nvm ls
  12.8.0
  * 8.16.2 (Currently using 64-bit executable)

  这里是一些常用命令汇总:

  nvm off // 禁用node.js版本管理(不卸载任何东西)
  nvm on // 启用node.js版本管理
  nvm install <version> // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
  nvm uninstall <version> // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
  nvm ls // 显示所有安装的node.js版本
  nvm list available // 显示可以安装的所有node.js的版本
  nvm use <version> // 切换到使用指定的nodejs版本
  nvm v // 显示nvm版本
  nvm install stable // 安装最新稳定版

  方法二:通过配置环境变量(切换node时只需更改文件夹名称)

  安装node及注意事项

  1.同样,如果之前有安装过node,为了避免不必要的麻烦,将其先卸载掉

  注意:安装多个版本的node的时候一定要从低版本开始安装,这样可以避免很多问题,要是已安装就直接卸载,在按照下面步骤进行

  2.在安装node之前,我先选择一个node安装目录,我要安装到D盘下,所以我在D盘中新建了一个NODE的目录,并且在里面创建了一个nodejs8的文件夹,因为我一会要在这个文件夹中安装8.16.2版本的node

11.png

  3.开始安装

  node版本可以去node中文网或者点击这里下载

  https://nodejs.org/

  打开下载好的node8.16.2的安装包,一直点击下一步,直到出现安装路径,将安装路径切换为我们上面新建的nodejs8文件夹路径:D:\tools\NODE\nodejs8,然后一路下一步,直到安装成功

  配置环境变量

  在开始搜索框搜环境变量,注意这里选择编辑系统环境变量—>高级—>环境变量

12.jpg

13.png

  在系统变量中点击新建,变量名:nodejs,变量值:D:\tools\NODE\nodejs(即上面存放node的文件夹,这里先去掉nodejs8后面的8)

14.png

15.png

  点击确定后再系统变量中找到path 变量,选中后点击编辑,然后点击新建,将上面新建系统变量的变量名以%变量名%的形式加入,点击确定

16.png

  我们还有关键一步:我们需要将一开始建的文件夹nodejs8重命名为nodejs

  值得注意的是:这里将nodejs8重命名的一方面是为了与上面配置的环境变量中的变量名匹配(即使用此版本node),另一方面是为了更好的安装下一个版本(因为在安装完一个node版本之后如果文件名不修改的话,后面再安装其他版本的node时无论你安装到什么地方,都会把之前的那个覆盖掉)

17.png

  检查并安装多版本

  1.检查

  重名名之后,然后win+R—>cmd,在命令窗口输入node -v查看node 版本,出现版本号说明第一个node版本安装成功

  C:\>node -vv8.16.2

  2.安装下一个版本

  由于上面已经将安装的node8.16.2版本的文件名重命名(防止覆盖),这时我们只需在同级目录下新建一个文件夹nodejs12,安装node12.8.0版本的node(方法同上面安装node8.16.2)

18.png

  node版本切换

  重点来了,在安装了多个版本的node的之后,切换版本的话,只需要将对应版本的文件夹重命名为nodejs即可

  例如:我们先装了node8.16.2版本的(放在nodejs文件夹下)和node12.8.0版本的(放在nodejs12文件夹下),现在使用的node是8.16.2,那么要想切换至node12.8.0版本的node,只需更改文件名,将nodejs重命名为nodejs8,再将nodejs12重命名为nodejs即可,换句话说就是用哪个版本的node就将哪个版本的node文件夹重命名为nodejs

19.png

  此时在打开命令行窗口,输入node -v检查node版本

  C:\>node -v
  v12.8.0

  咋样,学习的如何?有没有融会贯通。


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/128379.html

相关文章

  • Node.js随手笔记(一):node简介与模块系统

    ...行源代码语言,就是脚本语言),脚本语言都需要一个解析器才能运行。对于写在html中js,通常是由浏览器去解析执行。对于独立执行js代码,则需要Node这个解析解析执行。 每一种解析器就是一个运行环境,不但允许js...

    TNFE 评论0 收藏0
  • 2021爱智先行者—(2)零基础APP开发实例

    ... Node.js 可以从中文官网(http://nodejs.cn/ )下载。注意最新版本 Node.js 并不支持 Win7 操作系统,可以选择 node-v12.18.0-x64 及以前版本。 (1)下载 node-v12.18.0-x64 并安装。 (2) 推荐修改安装路径到 D: 盘,如安装到 D:/nodejs 目录...

    paney129 评论0 收藏0
  • ESLint 在中大型团队应用实践

    ...件化 JavaScript 代码静态检查工具,其核心是通过对代码解析得到 AST(Abstract Syntax Tree,抽象语法树)进行模式匹配,定位不符合约定规范代码。 ESLint 使用并不复杂。依照 ESLint 文档安装相关依赖,可以根据个人/团队...

    alogy 评论0 收藏0
  • node入门基础

    ...node入门 nodejs是一门基于JavaScript后台编程语言,由于其解析引擎为V8引擎,性能比较强大,再加上与前端语言关系更为密切先天优势,使其在众后台编程语言中脱颖而出。 配置环境变量 编程语言都需要一个运行环境,程...

    wujl596 评论0 收藏0
  • vue学习笔记(四)

    ...身并不认识.vue文件,此时需要vue-loader对.vue文件进行加载解析,。类似loader还有许,如:html-loader、css-loader、style-loader、babel-loader等。需要注意是vue-loader是基于webpack。 3、webpack webpack是一个前端资源模板化加载器打...

    frank_fun 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<