VUE3系列nvm环境搭建

nvm

node version manager:node版本管理工具
可以用来管理多个node版本

1、下载

下载地址：https://github.com/coreybutler/nvm-windows/releases
nvm-setup.zip：安装版，推荐使用

2、安装

安装时，路径中不包括 中文与空格。

3、使用

将nvm中node和npm的源设置到国内源

# 在nvm的安装路径下找到settings.txt打开，并添加如下
node_mirror: npm.taobao.org/mirrors/node/
npm_mirror: npm.taobao.org/mirrors/npm/

# 最好以管理员方式运行以下指定，否则可能会报错
# 显示已安装的版本
nvm list
>>>16.16.0
  * 12.16.3 (Currently using 64-bit executable)
# 安装指定版本的node
nvm install 12.16.3
# 卸载指定版本的node
nvm uninstall 12.16.3
# 使用指定版本的node
nvm use 12.16.3
# 查看nvm的安装目录
nvm root

在以上由node12转到node16时，使用npm指令会提示npm WARN config global --global, --local are deprecated，这是因为升级 node 版本后，npm 没有同步升级到对应版本，所以出现 WARN。解决办法

npm install -g npm-windows-upgrade
set-ExecutionPolicy RemoteSigned # 当上一指令提示报错时，可以用此指令更改Powershell脚本策略
npm-windows-upgrade # 执行后选择最新的版本回车 若是报错则先设置环境变量

npm

# 必须：防止默认安装到C盘，占用其空间！npm 设置全局目录
npm config set prefix "自己的node目录" # 比如"D:\NVM\nvm\v12.16.3\node_global"
npm config set cache "自己的node目录" # 比如"D:\NVM\nvm\v12.16.3\node_cache"
# 查看全局目录设置结果
npm config get prefix
npm config ls

npm config set registry https://registry.npm.taobao.org # 设置npm下载源为国内源、
npm config get registry # 查看是否设置成功

yarn

npm i -g yarn # 全局安装
yarn -v # 出现对应版本号即代表安装成功

yarn config set registry https://registry.npm.taobao.org/ # 全局修改yarn使用的镜像源
yarn config get registry # 查看是否设置成功

pnpm (use now)

npm install -g pnpm # 全局安装

cnpm（no use）

# npm 安装国内的cpm
npm install -g cnpm -registry=https://registry.npm.taobao.org
# 查看是否安装成功
cnpm -v
# 删除已安装的cnpm
npm uninstall -g cnpm
# 安装低版本cnpm
npm install cnpm@7.1.0 -g --registry=https://registry.npm.taobao.org

安装之后，若是找不到cnpm路径，则配置环境变量。其安装目录一般在"自己的node目录"下的node_global