更新于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
