共计 5603 个字符,预计需要花费 15 分钟才能阅读完成。
作者:Brian De Sousa
翻译:疯狂的技术宅
原文:https://blog.logrocket.com/sw…
未经允许严禁转载
有时候几乎每周都会发布新版本的 Node.js —— 每隔几周发布一次小版本,每隔几个月发布一次主要版本。如果你是一个需要在不同程序和项目之间切换的码农,可能会发现需要运行不同版本的 Node。
幸运的是,有几种不错的方法可以安装多个版本的 Node 并根据需要进行切换。本文将讨论和比较在 Linux/Mac 环境下的两个流行的 Node 版本管理器:NVM for Windows 和 n Node version manager。
提示:Windows 和 Linux/Mac 有不同的 NVM 实现;但是 n 的 npm 包仅在 Linux/Mac 上得到支持。
为了进行比较,让我们假设你正在处理两个程序。程序 1 是在 Node 6.17.1 上运行的 Angular 5 程序。程序 2 是在 Node 8.16.0 上运行的 Angular 7 程序。以下是你需要完成的任务:
- 修复程序 1 上的 bug x
- 将程序 2 升级到 Angular 8
实际上,你需要三个版本的 Node 才能完成任务,因为你需要将程序 2 升级到 Node 10.9 或更高版本才能支持 Angular 8 的升级。
NVM for Windows
从技术上讲,有两个完全独立的 NVM 项目,它们在不同的操作系统上提供类似的功能,但是彼此之间保持独立:
- nvm-sh/nvm 是一个 bash 脚本,可用于管理 Linux 和 Mac 上的 Node 版本
- coreybutler/nvm-windows 是 Windows 程序,可用于在 Windows 上的管理 Node 版本
安装
安装非常简单,从 GitHub 上下载 NVM for Windows 安装程序的最新版本。在撰写本文时,最新版本是 1.1.7。下载并解压缩 nvm-setup.zip
并双击要安装的可执行文件。
安装程序会将 NVM 放在计算机上相应的文件夹中,并更新系统环境变量,以便可以在命令行使用 nvm
和将来要安装的 node
。
提示:如果你希望安装到自己的文件夹下,请下载
nvm-noinstall.zip
并将其解压缩到你想要的任何位置。并运行其中的install.cmd
来设置必要的系统环境变量。提示:GitHub 上提供了详细的安装说明。
安装完成后,打开命令窗口并确认 NVM 可用:
D:\>nvm version
1.1.7
运行程序 1
如果你没忘的话,你需要使用三个不同版本的 Node 来处理两个不同的程序。首先运行程序 1。某些命令的输出用 ...
截断以节省空间。
D:\>nvm list available
| CURRENT | LTS | OLD STABLE | OLD UNSTABLE |
|--------------|--------------|--------------|--------------|
| 12.4.0 | 10.16.0 | 0.12.18 | 0.11.16 |
...
D:\>nvm install 6.17.1
Downloading node.js version 6.17.1 (64-bit)...
Complete
Creating C:\Users\Brian\Downloads\nvm-noinstall\temp
Downloading npm version 3.10.10... Complete
Installing npm v3.10.10...
Installation complete. If you want to use this version, type
nvm use 6.17.1
D:\>nvm use 6.17.1
D:\>nvm list
* 6.17.1 (Currently using 64-bit executable)
D:\>node -v
v6.17.1
D:\>cd application1
D:\application1>npm install
...
D:\application1>npm start
> application1@0.0.0 start D:\application1
> ng serve
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
...
以下是你刚刚利用 NVM 的一些关键功能完成的工作:
-
nvm list available
提供了可安装的 Node 版本列表 -
nvm install
安装了所需的 Node 版本(默认为 64 位版本,因为当前系统的架构是 64 位) -
nvm use
激活了刚刚安装的版本 -
nvm list
用来确认安装并激活的正确版本的 Node(如果存在其他已安装的版本,则会列出)
一旦 Node 被安装并激活,那就像往常一样。你可以遵循程序所需的任何 Node/npm 工作流程。
提示:你的 Node 版本彼此之间被完全隔离。例如,如果在一个版本的 Node 上全局安装软件包,则该软件包将无法在其他版本的 Node 上使用。
运行程序 2
因此,你已在程序 1 中修复了错误 x,现在你已准备好将程序 2 升级到 Angular 8:
D:\nvm install 8.16.0
...
D:>nvm use 8.16.0
Now using node v8.16.0 (64-bit)
D:>cd application2
D:\application2>npm install
...
D:\application2>npm start
...
D:\application2>nvm install 10.16.0
...
D:\application2>nvm use 10.16.0
Now using node v10.16.0 (64-bit)
D:\application2>npm i -g @angular/cli@8
...
D:\application2>ng update @angular/cli @angular/core
...
D:\application2>npm install
...
D:\application2>npm start
...
在 NVM(和 Angular CLI)的帮助下,你通过几个命令快速完成了升级:
-
nvm install
和nvm use
安装并激活 v8.16.0,以便你可以在升级之前验证程序是否能够按预期工作 -
nvm install
和nvm use
安装并激活 v10.16.0 准备升级 - 全局安装
@angular/cli
包用来执行自动升级 Angular 程序的ng update
命令 -
npm install
和npm start
来测试新升级的程序
n Node version manager
n Node version manager 提供了一个更简单的 CLI,用于在 Node 版本之间进行安装和切换。它仅在 Linux 或 Mac 操作系统上受到支持。
提示:详细的安装和使用说明可在 GitHub 上的 tj/n 存储库中找到。
安装
如果你已经安装某个版本的 Node 和 npm,则可以用 npm install -g n
来安装 n,就像安装其他 NPM 包一样。
如果你还没有安装 Node 或 npm,可以用 GitHub 中的 bash 脚本安装 n。这是它的样子:
提示:你必须安装 Git 才能使用 bash 脚本安装 n。
~$ curl -L https://git.io/n-install | bash
...
=== n successfully installed.
The active Node.js version is: v10.16.0
Run `n -h` for help.
To update n later, run `n-update`.
To uninstall, run `n-uninstall`.
IMPORTANT: OPEN A NEW TERMINAL TAB/WINDOW or run `. /home/brian/.bashrc`
before using n and Node.js.
===
~$ . /home/brian/.bashrc
~$ n
node/10.16.0
通过从 GitHub 下载并运行 n-install
脚本来安装 n。n 默认安装了一个版本的 Node。
运行程序 1
程序 1 需要 Node v6.17.1,因此你需要先安装它,然后再运行程序。
~$ n 6.17.1
install : node-v6.17.1
mkdir : /home/brian/n/n/versions/node/6.17.1
fetch : https://nodejs.org/dist/v6.17.1/node-v6.17.1-linux-x64.tar.gz
####################################################################################################################################### 100.0%
installed : v6.17.1
~$ node -v
v6.17.1
~$ cd application1
~/application1$ npm install
...
~/application1$ npm start
> application1@0.0.0 start ~/application1
> ng serve
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
...
用于安装和激活 Node 版本的 n 命令很简单:n 6.17.1
。你也可以用 n latest
获取最新版本的 Node 或 n lts
来获取最新的 LTS 版 Node。
安装 Node 后,程序可以照常运行。
提示:与 NVM 类似,Node 版本完全相互隔离。例如不同的 Node 版本之间不共享全局安装的软件包。
运行程序 2
接下来,你需要运行 程序 2 并将其升级到 Angular 8:
$ n 8.16.0
...
$ cd application2
~/application2$ npm install
...
~/application2$ npm start
...
~/application2$ n 10.16.0
...
~/application2$ npm i -g @angular/cli@8
...
~/application2$ ng update @angular/cli @angular/core
...
~/application2$ npm install
...
~/application2$ npm start
...
为了确保程序 2 在升级之前能够运行,需要安装 Node v8.16.0。然后按照 Angular 8 的要求安装 Node v10.16.0。全局安装 Angular CLI,使用 ng update
对程序进行更新。最后程序在升级后开始测试。
你可能已经注意到,用 n <version>
命令安装和切换到新版本的 Node 会稍微快一点。
直接使用 Node 二进制文件
n 提供了直接调用特定 Node 二进制文件的功能,而无需显式切换到该版本的 Node。NVM 则没有类似的功能。
~$ echo "console.log('Node version: '+ process.version)" > index.js
~$ node -v
v8.16.0
~$ n use 10.16.0 index.js
Node version: v10.16.0
~$ n use 12.4.0 index.js
Error: '12.4.0' is not installed
~$ node -v
v8.16.0
在上面的示例中,当前 Node 的版本是 v8.16.0。当运行 n use 10.16.0 index.js
时,输出表明用于执行脚本的 Node 版本是 10.16.0。执行后,当前 Node 的版本仍然是 v8.16.0。请注意,n use
命令所请求的 Node 版本需要由 n 安装。
在某些情况下,这个功能非常有用。例如,有一个构建服务器,用于构建需要不同 Node 版本的程序。可以用 n use
命令触发每个构建,并能够指定该程序所需的 Node 版本。
差异
NVM for Windows 和 n 有许多常见功能,也有一些独特的功能,这些功能会影响你使用每个工具的方式和位置。以下是一些主要差异的摘要:
能力 | NVM for Windows | n |
---|---|---|
安装 | Windows 安装程序或独立安装 | Bash 脚本或 npm 包 |
操作系统支持 | Windows(适用于 Linux/Mac 的不同实现) | 仅限 Linux/Mac |
列出要安装的 Node 的可用版本? | Yes | No |
列出已安装的 Node 版本? | Yes | Yes |
在不同的 Node 版本之间安装和切换? | Yes | Yes |
直接访问 Node 二进制文件? | No | Yes |
选择要安装的架构(x86,x64)? | Yes | Yes |
你可以选择在 Linux/Mac 上使用 n,因为它的 API 很简单。或者你可以在 Windows 上选择 NVM for Windows,同时在 Linux 构建服务器上选择 n,并在 Linux 构建服务器上使用 n 来管理不同构建任务的 Node 版本。
无论怎样,这两种工具都能很好地满足能够动态切换 Node 版本的需求。
本文首发微信公众号:前端先锋
欢迎扫描二维码关注公众号,每天都给你推送新鲜的前端技术文章
欢迎继续阅读本专栏其它高赞文章:
- 深入理解 Shadow DOM v1
- 一步步教你用 WebVR 实现虚拟现实游戏
- 13 个帮你提高开发效率的现代 CSS 框架
- 快速上手 BootstrapVue
- JavaScript 引擎是如何工作的?从调用栈到 Promise 你需要知道的一切
- WebSocket 实战:在 Node 和 React 之间进行实时通信
- 关于 Git 的 20 个面试题
- 深入解析 Node.js 的 console.log
- Node.js 究竟是什么?
- 30 分钟用 Node.js 构建一个 API 服务器
- Javascript 的对象拷贝
- 程序员 30 岁前月薪达不到 30K,该何去何从
- 14 个最好的 JavaScript 数据可视化库
- 8 个给前端的顶级 VS Code 扩展插件
- Node.js 多线程完全指南
- 把 HTML 转成 PDF 的 4 个方案及实现
- 更多文章 …