Ubuntu 及 WSL 环境安装 Node.js、npm 和 Yarn 指南
详细阐述了在 Ubuntu 系统及 WSL 环境中安装 Node.js、npm 和 Yarn 的方法。涵盖 NodeSource、nvm 及官方仓库三种安装方式,提供 Yarn 的全局安装与镜像源配置方案。此外,还包含全局包权限修复、环境变量配置及常见问题的排查步骤,帮助用户快速搭建开发环境。

详细阐述了在 Ubuntu 系统及 WSL 环境中安装 Node.js、npm 和 Yarn 的方法。涵盖 NodeSource、nvm 及官方仓库三种安装方式,提供 Yarn 的全局安装与镜像源配置方案。此外,还包含全局包权限修复、环境变量配置及常见问题的排查步骤,帮助用户快速搭建开发环境。

本文介绍在 Ubuntu 系统及 WSL 环境中安装 Node.js、npm 和 Yarn 的完整步骤,涵盖多种安装方式及常见问题解决方案。
如需其他版本(如 18.x),替换链接中的 20.x。
验证安装:
node -v # 应输出 v20.x.x
npm -v # 应输出对应版本
添加 NodeSource 仓库(以 Node.js 20.x 为例):
curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
sudo apt install -y nodejs
安装 nvm(Node Version Manager):
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
source ~/.bashrc
安装指定版本的 Node.js(自动包含 npm):
nvm install --lts # 安装最新 LTS 版本
# 或指定版本
nvm install 20.5.0
安装完成后,重启终端或运行 source ~/.bashrc。
验证安装:
node -v
npm -v
sudo apt update
sudo apt install nodejs npm
全局安装 Yarn:
npm install -g yarn
验证安装:
yarn --version
添加 GPG 密钥和仓库:
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
安装 Yarn:
sudo apt update
sudo apt install yarn
npm config set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
如果安装全局包时出现 EACCES 权限错误,按以下步骤修复:
配置 npm 全局安装目录:
mkdir ~/.npm-global
npm config set prefix ~/.npm-global
将路径添加到环境变量:
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc
source ~/.bashrc
node 或 yarn)解决:
source ~/.bashrc # 重新加载配置
echo $PATH # 检查路径是否包含正确目录
如果通过 apt 和 nvm 同时安装了 Node.js,优先使用 nvm 版本:
nvm use --lts # 切换到 nvm 管理的版本
卸载 Node.js 和 npm:
sudo apt purge --auto-remove nodejs npm
rm -rf ~/.npm ~/.nvm
node -v # 输出 Node.js 版本
npm -v # 输出 npm 版本
yarn -v # 输出 Yarn 版本
# 1. 安装 nvm
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash
source ~/.bashrc
# 2. 安装 Node.js 和 npm
nvm install --lts
# 3. 安装 Yarn
npm install -g yarn
# 4. 配置镜像源
npm config set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
如有其他问题,请提供以下信息:
node -v、npm -v、yarn -v 的输出结果。
微信公众号「极客日志」,在微信中扫描左侧二维码关注。展示文案:极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具,Keycode 信息在线工具,online
JavaScript 字符串转义/反转义;Java 风格 \uXXXX(Native2Ascii)编码与解码。 在线工具,Escape 与 Native 编解码在线工具,online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具,JavaScript / HTML 格式化在线工具,online
Terser 压缩、变量名混淆,或 javascript-obfuscator 高强度混淆(体积会增大)。 在线工具,JavaScript 压缩与混淆在线工具,online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具,Base64 字符串编码/解码在线工具,online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具,Base64 文件转换器在线工具,online