目前许多大厂的前端开源项目都是基于 MacOS(Linux) 开发的,启动脚本配置均仅仅面向 Linux,这对使用 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 安装 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 安装完成。
再看看 npm
一切准备就绪,下面就可以开始畅快的去编码了。
通过 corepack 启用 yarn、pnpm 的支持
许多大型项目使用 yarn 或者 pnpm 等包管理器进行依赖管理,我们不需要手动安装第三方的包管理器了。
在 Node.js 16+ 版本引入了 corepack,启用之后无需手动安装 yarn 或 pnpm 包管理器就可以调用他们。
执行 corepack enable 命令启用此特性。
启动之后,可以通过输入下图命令验证是否启用成功