win10 前端环境安装一条龙 安装nvm node cnpm pnpm等工具

535 阅读1分钟

查看现有环境,保证系统环境清洁

  1. 打开命令窗口,win+R打开命令窗口,输入cmd

image.png 2. 执行 where node 和 where npm 两条命令,然后根据出来的目录找到对应的文件夹将其删掉,并将缓存文件删掉

image.png

下载nvm

  1. 点击进入github下载地址
  2. 如图所示,下载压缩包 image.png
  3. 解压压缩包

安装

  1. 同意协议,继续安装

image.png 2. 更换安装地址

image.png 3. node安装路径

image.png 4. 开始安装

image.png 5. 安装完成

image.png

验证安装

  1. 打开命令窗口,win+R打开命令窗口,输入cmd

image.png 2. 安装成功

image.png

错误解决

  1. 安装失败提示'nvm' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
  • 权限不足:用管理员权限打开cmd

image.png

  • 环境变量不对:配置环境变量
    方法:我的电脑->属性->高级系统设置->环境变量->系统环境变量 或者 (直接win + r,然后输入 sysdm.cpl,直接打开高级系统设置),
    在里面配置对应的path

image.png

安装 node

  1. nvm 常用命令
 // 查看当前 nvm 版本号
 nvm -v 
 // 查看已安装的 node.js 版本
 nvm list 
 // 查看可安装的 node 版本
 nvm list available 
 // 安装指定版本的 node (版本号不限)
 nvm install 16.20.1
 // 使用指定版本的 node
 nvm use 16.20.1
  1. node.js 官网

image.png

  1. 安装中,请稍后

image.png 4. node安装成功

image.png

cnpm安装

  1. cmd输入以下命令进行安装:
npm install -g cnpm --registry=https://registry.npmmirror.com

image.png

安装pnpm

  1. 全局安装
npm install pnpm -g

image.png 2. 切换成淘宝源

// 查看源
pnpm config get registry 
 
// 切换淘宝源
pnpm config set registry https://registry.npmmirror.com/

image.png