前端开源贡献第一步:如何配置类 Linux 系统下的 Node.js 开发环境

208 阅读2分钟

目前许多大厂的前端开源项目都是基于 MacOS(Linux) 开发的,启动脚本配置均仅仅面向 Linux,这对使用 Windows 的贡献者极其不友好。

考虑过 Windows 贡献者的感受吗?

为了降低 Windows 使用者的贡献门槛,下面介绍如何在 Windows 下配置类似 Linux 的 Node.js 开发环境。

本指南也适合初次使用类 Linux 系统的用户参考。

配置 Node.js 开发环境

Windows 系统需要使用 WSL。关于 WSL,可以参照 微软官方提供的文档

使用 WSL2 时,请注意不要跨文件系统操作。具体问题请参照 跨文件系统的文件存储和性能

使用 nvm 安装和管理 Node.js

我们推荐使用 nvm 安装和管理 Node.js。nvm 允许同时在机器上安装、运行多个 Node.js 版本。

执行 git clone https://github.com/nvm-sh/nvm.git,将项目下载到本地,然后执行 sudo ./install.sh 安装 nvm。

如果你喜欢用 ssh,执行 git clone git@github.com:nvm-sh/nvm.git

如果使用 https 协议无法下载,可以使用镜像站下载,比如 fastgit。执行 git clone https://hub.fastgit.xyz/nvm-sh/nvm.git

代码清单:

git clone https://github.com/nvm-sh/nvm.git
cd nvm
sudo ./install.sh

初始化需要一段时间,当显示如下内容时,可以关闭当前终端窗口。

开启新窗口之后即可正常使用 nvm。

nvm 安装完成

nvm 安装完成之后,下面可以使用 nvm 安装 Node.js。可运行以下命令配置 Node.js 下载镜像地址,以大幅缩短下载时间。

export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node/

然后运行 nvm install 命令安装 Node.js,推荐安装 LTS 版本,相对来说更稳定。比如说:

nvm install 16.15.0

稍等一会看到下面的图片,此时 Node.js 安装完成。

Node.js 安装完成

再看看 npm

npm 版本

一切准备就绪,下面就可以开始畅快的去编码了。

通过 corepack 启用 yarn、pnpm 的支持

许多大型项目使用 yarn 或者 pnpm 等包管理器进行依赖管理,我们不需要手动安装第三方的包管理器了。

在 Node.js 16+ 版本引入了 corepack,启用之后无需手动安装 yarn 或 pnpm 包管理器就可以调用他们。

执行 corepack enable 命令启用此特性。

corepack enable

启动之后,可以通过输入下图命令验证是否启用成功

验证 corepack