安装node，配置npm，yarn，pnpm

输入网址：Node.js，长期使用选择14.17.0，测试新功能选16.3.0

 

 

 （1）下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js

　　

（2）点击【Next】按钮

　　

（3）勾选复选框，点击【Next】按钮

 

 

 

 　　

 

（4）修改好目录后，点击【Next】按钮

 　　

 

　　

 　　

 

（5）安装完后点击【Finish】按钮完成安装

 　　

 

 （6）至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

 

 

 环境配置
（1）找到安装nodejs的路径
（2） 新增 node_global 和 node_cache 文件夹

 

（3）创建完两个空文件夹之后，打开cmd命令窗口，输入

　　npm config set prefix "D:\Nodejs\node_global"

　　npm config set cache "D:\Nodejs\node_cache"

（4）接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量” 或者在桌面搜索编辑系统环境变量

 

 （5）相关配置
　　用户变量 path ：你的nodejs路径（D:\Nodejs /C:\Program Files） +  \nodejs\node_global  
　　系统变量 NODE_PATH ：
　　你的nodejs路径（D:\Nodejs /C:\Program Files）  +  \nodejs\node_global\node_modules

　　

 

 （6）安装基本完成!!!

下一步是配置npm，可以把全局相关的配置移到系统盘之外

配置npm (目录都需要自己新建)
npm help npm或npm help install # 打开本地npm文档(或npm install 文档)
npm [command] -h # 展示command的用法
npm -l # 展示所有command的用法
npm adduser # 登录or注册
npm config ls -l # 查询所有npm相关的配置，调用npm config set进行更改或覆盖
npm config set prefix "D:\nodejs\npm-global-modules" # 配置npm全局安装路径，添加Path '%NODE%\npm-global-modules'
npm config set cache "D:\nodejs\npm-cache" # 配置npm缓存路径
npm config set registry "https://registry.npm.taobao.org/" # 修改npm镜像(https://registry.npmjs.org/)(可以安装cnpm后修改cnpm的镜像)
# 配置成功后再次调用 npm config ls 查看

安装yarn
npm install -g yarn # 全局安装yarn, 执行yarn help和yarn help [command]学习使用
yarn --version # 检测yarn安装版本 1.22.x，在使用yarn init之前执行yarn set version berry, 版本就在此文件夹下变成2.x.x
yarn config list # 查看yarn相关配置
yarn global bin # yarn全局bin位置
yarn global dir # yarn全局安装位置
yarn cache dir # yarn全局缓存位置
yarn config set prefix "D:\nodejs\Yarn\Data\global" # 配置yarn全局bin路径(D:\nodejs\Yarn\Data\global\bin) 添加Path '%NODE%\Yarn\Data\global\bin'
yarn config set global-folder "D:\nodejs\Yarn\Data\global" # 配置yarn全局安装路径
yarn config set link-folder "D:\nodejs\Yarn\Data\link" # 配置yarn全局link路径
yarn config set cache-folder "D:\nodejs\Yarn\Cache" # 配置yarn全局缓存路径
yarn config set registry "https://registry.npm.taobao.org/" # 修改yarn镜像(https://registry.yarnpkg.com)

安装pnpm
npm install -g pnpm # 全局安装pnpm
pnpm --version # pnpm版本
pnpm config set store-dir "D:\.pnpm-store" # pnpm全局仓库路径(类似 .git 仓库)
pnpm config set global-dir "D:\nodejs\pnpm\pnpm-global" # pnpm全局安装路径
pnpm config set global-bin-dir "D:\nodejs" # pnpm全局bin路径
pnpm config set state-dir "D:\nodejs\pnpm" # pnpm创建pnpm-state.json文件的目录
pnpm config set cache-dir "D:\nodejs\pnpm\cache" # pnpm全局缓存路径