当前位置: 首页 > news >正文

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

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


一、安装 nvm(Node Version Manager)

1. Windows 系统
  • 下载安装包
    访问 nvm-windows 官方仓库,下载 nvm-setup.exe
  • 安装注意事项
    • 安装路径避免空格(如 C:\nvm)。
    • 安装过程中会自动配置环境变量。
  • 验证安装
    打开 CMD/PowerShell,输入:
    nvm -v
    
2. macOS/Linux 系统
  • 一键安装脚本
    打开终端,运行:
    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
    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
    
  • 验证安装
    nvm -v
    

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

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

三、安装 pnpm

1. 通过 npm 全局安装(推荐)
npm install -g pnpm
2. 独立脚本安装(无需 npm)
  • Windows
    iwr https://get.pnpm.io/install.ps1 -useb | iex
    
  • macOS/Linux
    curl -fsSL https://get.pnpm.io/install.sh | sh -
    
3. 验证安装
pnpm -v  # 显示版本(如 9.2.0)

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

1. 设置 npm 镜像
npm config set registry https://registry.npmmirror.com
2. 设置 pnpm 镜像
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:以管理员身份运行终端。

六、最终验证

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

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

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

http://www.dtcms.com/a/133453.html

相关文章:

  • 批量将文件夹名称、文件夹路径提取到 Excel 清单
  • git在IDEA中使用技巧
  • RabbitMQ消息的可靠性
  • 腾讯云golang一面
  • Project ERROR: liblightdm-qt5-3 development package not found问题的解决方法
  • 基于 Python 和 OpenCV 技术的疲劳驾驶检测系统(2.0 全新升级,附源码)
  • 双向链表中间插入节点,删除节点
  • Trae CN 使用入门指南
  • 【uniapp-兼容性处理】swiper在iOS上偶发出现后几张图片白屏情况
  • Vue使用axios实现:上传文件、下载文件
  • .NET Core DI(依赖注入)的生命周期及应用场景
  • React 更新state中的对象
  • Doris 中 Compaction 问题的深度剖析与解决方案
  • linux编译adbd工具使用
  • Python + Playwright:规避常见的UI自动化测试反模式
  • Spark-SQL核心编程
  • 基于PyQt5和OpenCV的传统图像分割应用UI程序
  • 100个有用的AI工具 之 生成透明图像LayerDiffuse
  • 欧拉服务器操作系统部署deekseep(Ollama+DeekSeep+open WebUI)
  • 解决 Spring Boot 启动报错:数据源配置引发的启动失败
  • Windows 图形显示驱动开发-WDDM 1.2功能~显示设备的容器id支持
  • 双链表各种操作实现(数据结构C语言多文件编写)
  • QT中多线程写法
  • 摄影测量——单像空间后方交会
  • AI知识补全(十六):A2A - 谷歌开源的agent通信协议是什么?
  • 集成学习介绍
  • 【YOLOv8改进 - 特征融合】EFC: 基于增强层间特征关联的轻量级即插即用融合策略,即插即用适,用于小目标检测
  • AIP-233 批量方法:Create
  • 中和农信的“三农”服务密码:科技+标准化助力乡村振兴
  • React中 点击事件写法 的注意(this、箭头函数)