前端win11系统环境配置（nvm、 nrm 、angular、TypeScript）

• List item

环境配置

• 一、切换node版本nvm安装
• 二、切换npm的镜像 nrm
• 三、其他安装

一、切换node版本nvm安装

1、nvm安装
比如安装在 D:\software\nvm
node安装在 D:\software\node_js
坑：安装的node版本有可能是没有npm的版本的，自己要留意是否存在对用的npm版本

nvm -v 查看版本
nvm ls 查看有哪些版本的node
nvm list available 查看可安装版本
nvm install XXX  //安装一个nodeXXX版本 如 12.22.3
nvm use XXX // 使用XXX版本
//查看是否存在 npm 以及 node
node -v
npm -v

2、配置全局node_modules

1）.在nvm下面建立 node_cache node_global

npm config set prefix "D:\software\nvm\node_global"

npm config set cache "D:\software\nvm\node_cache"

2）.配置系统环境变量

坑“NPM_HOME”必须在 “NVM_HOME”前面

  变量名：NPM_HOME，变量值：D:\software\nvm\node_global
     变量名PATH中添加%NPM_HOME%

二、切换npm的镜像 nrm

1.nrm 没有的镜像可以自己添加上去

nrm ls 查看有哪些镜像以及当前使用中的的镜像（带*号）
nrm use XX 使用XX镜像
nrm add name url (name:源名，url:源的路径)

坑：找到nrm安装路径下的cli.js文件，找到onList ()函数里面&&改为|即可。
如：var prefix = item【FIELD_IS_CURRENT】 | equalsIgnoreCase(item.registry, cur) ? ’ ’ : ’ ';*

三、其他安装

1.angular

安装angular14以上的脚手架需要切换到16.10.0以上的node版本
npm install -g @angular/cli 
ng version // 查看安装的版本

2.TypeScript

npm install -g typescript
tsc -v // 查看版本