NPM和Yarn环境变量配置

更新于2022-10-30

1、安装node.js和Yarn

Nodejs：https://nodejs.org/zh-cn/
Yarn： https://classic.yarnpkg.com/lang/en/

2、设置路径

下载nodejs后，在安装nodejs文件夹下创建node_global，node_cache这俩个文件
出现只能管理员权限才能安装问题，只要修改nodejs文件夹权限即可

#查看npm全局模块的存放路径
 npm get prefix 

#查看npm缓存默认存放路径
 npm get cache

# 设置存放路径
npm config set prefix  "D:\Program Files\nodejs\node_global"
npm config set cache  "D:\Program Files\nodejs\node_cache"

3、添加系统变量

在环境变量的 系统变量 里添加新建NODE_PATH，添加以下内容

D:\Program Files\nodejs\node_global\node_modules

在环境变量的 系统变量 PATH中添加

#npm
D:\Program Files\nodejs\node_global\
D:\Program Files\nodejs\

#yarn
# npm install -g  yarn  --registry=http://registry.npmmirror.com
# 默认安装在D:\Program Files\nodejs\node_global\下，不能使用在添加
D:\Program Files\nodejs\node_global\node_modules\yarn\bin

# git
C:\Program Files\Git\bin

4、添加用户变量

npm库默认是生成在C:\Users\Administrator\AppData\Roaming\npm文件下
在环境变量的 用户变量 里删除默认的npm或者yarn变量，并添加以下变量

# npm
D:\Program Files\nodejs\node_global

# yarn
D:\Program Files\nodejs\node_global\bin

5、NPM设置

# 检查版本
node  -v
npm -v

# 设置淘宝镜像
#永久链接
npm config set  registry=http://registry.npmmirror.com

#临时链接
npm config set --registry=http://registry.npmmirror.com

#还原默认源
npm config set registry=https://registry.npmjs.org

#  cnpm
npm install -g cnpm   --registry=http://registry.npmmirror.com

# 查看当前镜像源
npm config get registry

#查看npm的所有配置
npm config list

#查看当前npm的bin的位置
npm   -g  bin

#查看版本信息或者使用管理员运行
#如果使用管理员才能运行，需要修改文件夹权限
npm info @vue/cli
cnpm info @vue/cli

#更新npm
npm install npm -g

6、Yarn设置

在yarn->bin 同级路径中新建 yarn_global和 yarn_cache两个文件
使用yarn global bin查看自己的bin路径，没有就创建

#安装yarn
# 默认安装在D:\Program Files\nodejs\node_global\下，
#或者D:\Program Files\nodejs\node_global\node_modules\yarn\bin
npm install -g yarn    --registry=http://registry.npmmirror.com

# 全局安装目录配置
yarn config set global-folder   "D:\Program Files\nodejs\node_global\yarn_global"

# 全局缓存目录
yarn config set cache-folder    "D:\Program Files\nodejs\node_global\yarn_cache"

# 查看当前镜像源
yarn config get registry

# 修改为淘宝镜像源
yarn config set registry http://registry.npmmirror.com

#查看yarn的所有配置
yarn config list

#查看当前yarn的bin的位置
yarn global bin

#查看当前yarn的全局安装位置
yarn global dir

#查看版本信息
yarn  info @vue/cli

参考文章

npm安装不能使用问题