# Node.js @suyanhanx

🥂 版本更新

由于 VS Code 在支持 Remote-WSL 之后，在 WSL 中开发 Node.js 项目和正常无异，因此我（@SpencerWoo）重新撰写了这部分内容，和 @suyanhanx 原先贡献的内容有较大变动。

在开始之前，我先来介绍几个 Node.js 相关的概念：

Node.js - A JavaScript runtime built on Chrome's V8 JavaScript engine 是一个不依赖浏览器的 JavaScript 运行环境，大部分前端项目比如 Vue、React 和后端项目比如 Express、Koa 均依赖于 Node.js 生态系统；
n - Interactively Manage Your Node.js Versions：是一个 Node.js 版本管理工具，我们可以使用 n 来安装不同版本的 Node.js 环境；
npm 和 yarn，分别是 Node.js 的包管理工具，其中我更推荐大家使用后者（yarn）来管理安装 Node.js 依赖；

接下来，我们将在 WSL 中使用 n 来安装 Node.js 环境，并配置包管理工具 yarn 来管理 Node.js 环境中的依赖。

# 安装 Node.js

建议大家使用 n 来管理与安装 Node.js，便于切换版本和快捷安装。首先，我们使用 n-install 安装 n：

$ curl -L https://git.io/n-install | bash

n-install（也就是上面的命令）默认会自动帮我们将 n 的重要环境变量 PREFIX 和 N_PREFIX 设置到 $HOME/n，并将 n 安装到 $HOME/n/bin。同时，n-install 会帮助我们更新当前我们所使用的 Shell（比如 zsh），在相应的配置文件中将 $HOME/n/bin 添加到 PATH 中。最后，n-install 会帮我们安装最新的 LTS 版本的 Node.js 环境。

更多关于 n-install 的使用，请参考 n-install 的 README 文档。

使用 n-install 安装好 n 以及 Node.js 之后，我们可以通过下面的命令进行验证：

# 验证 n 的安装情况
$ n --version
6.7.0

# 验证 Node.js 的安装情况
$ node --version
v12.18.3

# 验证 npm 的安装情况
$ npm --version
6.14.6

另外，我们也可以用 n 下载其他版本的 Node.js：

# 下载最新的 LTS 版本 Node.js
$ n lts

# 下载特定版本的 Node.js
$ n 10.16.0

直接运行命令 n 也可以进入 interactive 界面，让我们选择使用某个版本的 Node.js。

有关使用 n 下载安装与使用 Node.js 的命令和方法，请参考 n 的官方 README 文档。

# 配置 Node.js 包管理工具

接下来，我们安装 yarn，推荐大家安装使用 yarn：这个更加现代、科学的 Node.js 包管理工具。刚刚下载的 Node.js 中包含有 npm，因此我们可以直接用 npm 来安装 yarn：

$ npm install -g yarn

此时我们安装的 yarn 实际上是 1.22.0：

$ yarn --version

1.22.4

此时我们安装的是 yarn 1.0 版本，也就是比较传统的管理安装 Node.js 依赖的工具，跟 npm 比较类似。yarn 在 2.0+ 版本中经历了重大的变化，因此如果我们需要对某个项目开启 yarn 的 2.0 版本，需要使用下面的命令手动开启：

$ yarn set version berry

其中，yarn 2.0 所支持的 Plug and play - Plug'n'Play 功能是 yarn 2.0 的重磅功能，也是我们使用 yarn 2.0 的主要原因，Plug'n'Play 重点解决了 Node.js 的 node_modules 存在于每个项目中的问题，更多内容请见：yarn - Plug'n'Play。需要注意的是，并非不是所有的 Node.js 库均支持 yarn 2.0，因此推荐预先查看你所使用的库是否支持 yarn 2.0：Compatibility Table。

如果你之前使用 yarn 1.0 版本，推荐查看 yarn 官方的 1.0 至 2.0 版本迁移指南：Migrating from Yarn 1。

有关在 VS Code 中开发 Node.js 项目的方法，更多请参考：Node.js tutorial in Visual Studio Code - Visual Studio Code Docs

← LaTeX .NET Core →