全新电脑如何快速安装nvm,npm,pnpm

以下是全新电脑快速安装 nvmnpmpnpm 的详细步骤,覆盖 Windows/macOS/Linux 系统:


一、安装 nvm(Node Version Manager)

1. Windows 系统
  • 下载安装包
    访问 nvm-windows 官方仓库,下载 nvm-setup.exe

  • 安装注意事项

    • 安装路径避免空格(如 C:\nvm)。
    • 安装过程中会自动配置环境变量。
  • 验证安装
    打开 CMD/PowerShell,输入:

    bash 复制代码
    nvm -v
2. macOS/Linux 系统
  • 一键安装脚本
    打开终端,运行:

    bash 复制代码
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
    # 或
    wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
  • 配置环境变量
    在终端中执行以下命令(根据 Shell 类型选择):

    bash 复制代码
    # Bash
    echo 'export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"
    [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"' >> ~/.bashrc
    source ~/.bashrc
    
    # Zsh
    echo 'export NVM_DIR="$HOME/.nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"' >> ~/.zshrc
    source ~/.zshrc
  • 验证安装

    bash 复制代码
    nvm -v

二、通过 nvm 安装 Node.js(自带 npm)

1. 安装最新 LTS 版本 Node.js
bash 复制代码
nvm install --lts
2. 验证 Node.js 和 npm
bash 复制代码
node -v  # 显示版本(如 v20.13.1)
npm -v   # 显示版本(如 10.7.0)

三、安装 pnpm

1. 通过 npm 全局安装(推荐)
bash 复制代码
npm install -g pnpm
2. 独立脚本安装(无需 npm)
  • Windows

    powershell 复制代码
    iwr https://get.pnpm.io/install.ps1 -useb | iex
  • macOS/Linux

    bash 复制代码
    curl -fsSL https://get.pnpm.io/install.sh | sh -
3. 验证安装
bash 复制代码
pnpm -v  # 显示版本(如 9.2.0)

四、配置镜像加速(可选)

1. 设置 npm 镜像
bash 复制代码
npm config set registry https://registry.npmmirror.com
2. 设置 pnpm 镜像
bash 复制代码
pnpm config set registry https://registry.npmmirror.com

五、常见问题解决

1. 安装速度慢
  • 使用国内镜像源(如上述配置)。
  • 检查网络是否开启代理(如关闭 VPN)。
2. 命令未找到(Command Not Found)
  • Windows:重启终端或检查环境变量。
  • macOS/Linux:重新加载 Shell 配置(如 source ~/.zshrc)。
3. 权限问题
  • macOS/Linux:在命令前加 sudo(如 sudo npm install -g pnpm)。
  • Windows:以管理员身份运行终端。

六、最终验证

bash 复制代码
nvm ls      # 查看已安装的 Node.js 版本
npm -v      # 输出 npm 版本
pnpm -v     # 输出 pnpm 版本

通过以上步骤,10 分钟内即可完成全套工具的安装。

其他问题为权限不足:未以管理员身份运行终端,导致环境变量修改失败。以管理员身份运行后解决问题。

相关推荐
用户9385156350710 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript
CodeSheep10 小时前
稚晖君公司人事大变动,来了!
前端·后端·程序员
鱼樱前端10 小时前
用 AI 做内容变收入
前端·人工智能·ai编程
浮生望11 小时前
React + TypeScript 组件设计进阶:从类型约束到无状态组件的三次进化
前端
90后的晨仔11 小时前
Mac 开发 uni-app 终极方案:让安卓模拟器彻底脱离 Android Studio 独立运行
前端·vue.js
90后的晨仔11 小时前
别再搞混了!uni-app 中 node_modules 和 uni_modules 到底是什么关系?
前端
kyriewen12 小时前
面试官问"这段逻辑为什么这样写"——我才发现,这半年我写的代码,我自己都解释不了
前端·javascript·面试
谢小飞12 小时前
大文件上传很难?学会这招,GB文件秒传不是梦
前端·node.js
程序员黑豆13 小时前
Windows 系统 Java 环境变量配置全攻略:解决“不是内部或外部命令”
java·前端·ai编程
To_OC13 小时前
别只拿 useRef 绑 DOM 了,搭配 Web Worker 解决页面卡顿才是真的香
前端·react.js·dom