在 WSL 環(huán)境中配置：WSL2 (2.3.26.0) + Oracle Linux 8.7 官方鏡像

node 官網(wǎng)：https://nodejs.org/zh-cn/download

點(diǎn)擊【下載】，選擇想要的 node 版本、操作系統(tǒng)、node 版本管理器、npm包管理器
根據(jù)下面代碼提示依次執(zhí)行對應(yīng)代碼即可

基本概念說明

1. nodejs = 可以脫離瀏覽器在本地運(yùn)行 js 代碼的環(huán)境
   = JS 解析器 + 一套用于與外部交互的底層接口（如網(wǎng)絡(luò)、文件、存儲等）
2. node 版本管理器：允許一臺電腦上安裝多個(gè)不同版本的 nodejs
   –> 類比：使用 conda 或 uv 管理一臺電腦上安裝的多個(gè) python 版本
3. node 版本：當(dāng)前使用版本管理器安裝的版本
   與 Linux 系統(tǒng)版本類似，有 LTS 版本和普通版本
4. npm 包：js 中軟件包的格式
   –> 類比：python 中的 pip 包
5. npm 包管理器：管理 npm 包的工具
   –> 類比：python 中的 pip

推薦軟件包選取

其實(shí)就是官網(wǎng)的默認(rèn)推薦內(nèi)容

1. node 版本：最新的 LTS 版本
2. node 版本管理器：fnm
   官網(wǎng)介紹（github 需要梯子）：https://github.com/Schniz/fnm
   使用 Rust 構(gòu)建的最新一代 node 版本管理工具，輕量、速度快
3. npm 包管理器：pnpm
   官網(wǎng)介紹：https://pnpm.io/zh/
   最新一代 npm 包管理器，支持緩存、文件鏈接等特性，性能強(qiáng)大且能減少依賴冗余

根據(jù)官網(wǎng)給出的安裝教程安裝

選取上面的組件，官網(wǎng)給出的代碼（請以官網(wǎng)代碼為準(zhǔn)，這里只是做個(gè)參考）
總體安裝順序：nodeJS 管理器 --> 特定版本的 NodeJS --> 包管理器

# 1. 下載并安裝 node 管理器，這里安裝 fnm
#    Download and install fnm:
curl -o- https://fnm.vercel.app/install | bash# 2. 更新 bash 終端，使 fnm 命令可用
source $HOME/.bashrc# 2. 使用 node 管理器安裝特定版本的 nodejs
#    Download and install Node.js:
fnm install 22# 3. 檢驗(yàn) node 是否安裝成功
#    Verify the Node.js version:
node -v # Should print "v22.13.1".# 4. 安裝選定的 npm 包管理器，這里選 pnpm
#    實(shí)際上在 node 20 以后，node 自帶了一個(gè) corepack 插件用于管理 npm 包管理器
#    Download and install pnpm:
corepack enable pnpm# 5. 檢驗(yàn) npm 包管理器是否安裝正常
#    Verify pnpm version:
pnpm -v

1. 第一步（下載并安裝 node 管理器）安裝過程中需要系統(tǒng)安裝有curl、unzip軟件

   1. 如果沒有安裝會報(bào) Missing 然后退出（以下是有 curl 但是缺少 unzip 的情況）
      
   2. 使用以下指令安裝（以 WSL Oracle Linux 系統(tǒng)為例）

      sudo dnf install unzip curl
      

2. 如果在 fnm install 和 corepack enable pnpm 時(shí)很慢，則可能是因?yàn)榫W(wǎng)絡(luò)問題

   1. 需要配置梯子
   2. 也可配置 fnm 的代理和 corepack 的代理

一些配置

配置 fnm 國內(nèi)鏡像加速

使用清華源，參考配置：https://mirrors.tuna.tsinghua.edu.cn/help/nodejs-release/

官網(wǎng)配置是臨時(shí)配置，重啟/重新登錄會失效

永久配置，修改用戶環(huán)境配置文件

# 1. 打開文件
vim ~/.bashrc# 2. 文件最后添加以下內(nèi)容
export FNM_NODE_DIST_MIRROR="https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/"# 3. 保存文件# 4. 更新配置文件
source ~/.bashrc# 5. 之后就可以正常使用 fnm 了

配置 corepack 的國內(nèi)鏡像加速

根據(jù)官網(wǎng)文檔進(jìn)行配置：https://github.com/nodejs/corepack?tab=readme-ov-file#environment-variables

配置COREPACK_NPM_REGISTRY環(huán)境變量，指定從國內(nèi)源中下載 npm 包管理器

1. 臨時(shí)配置：直接在終端輸入export命令

   export COREPACK_NPM_REGISTRY ="<軟件源路徑>"# 示例：使用騰訊源的路徑
   export COREPACK_NPM_REGISTRY="https://mirrors.cloud.tencent.com/npm/"
   

2. 永久配置：將export指令放到/root/.bashrc配置文件中，并刷新配置

   # 1. 用文本編輯器打開 /root/.bashrc 配置文件
   vim ~/.bashrc# 2. 添加這一行：將臨時(shí)的指令固化為永久配置
   # 配置示例參考上面的【臨時(shí)配置】
   export COREPACK_NPM_REGISTRY="<軟件源路徑>"# 3. 文件保存退出# 4. 刷新剛才修改的配置文件，使修改生效
   source /root/.bashrc
   

pnpm 初始化配置

使用pnpm setup進(jìn)行初始化設(shè)置

pnpm setup

執(zhí)行完成的結(jié)果示例
執(zhí)行完成后，需要依照執(zhí)行結(jié)果，更新 bash（就是運(yùn)行上面截圖最后一行的指令 source XXX）

配置 pnpm 的國內(nèi)鏡像加速（使用 mrn 管理）

參考文章：https://ksh7.com/posts/npm-registry

使用 mrn 這個(gè) npm 包進(jìn)行鏡像加速，這里配置的是阿里淘寶源

查看默認(rèn)配置

pnpm config list

可看到軟件源registry是國外的官網(wǎng)

使用包管理器（pnpm）安裝nvm包

pnpm add -g nrm

1. 如果遇到 Unable to find the global bin directory（無法找到全局軟件包路徑）這種問題
   
   請參考上面的章節(jié)，先進(jìn)行 pnpm 的初始化

安裝成功示例（最后有個(gè) Done，其中間沒有 ERROR 提示）

運(yùn)行nrm進(jìn)行換源，相關(guān)指令

• 幫助：mrn -h
• 查看當(dāng)前使用的源：nrm current
• 查看當(dāng)前可替換的源：nrm ls 列表輸出的左列為源名稱
  
• 設(shè)置要使用的源：nvm use 源名稱
  下面截圖以taobao源為例