前端nvm、node、npm、nrm配置

待我称王封你为后i 2023-02-28 15:25 18阅读 0赞

### 1. 下载NVM ###

[https://github.com/coreybutler/nvm-windows/releases][https_github.com_coreybutler_nvm-windows_releases]，选择：**nvm-noinstall.zip**

### 2. 安装NVM ###

比如: C:\\dev\\nvm（在这里解压） 里面的文件列表是这样的：elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe

### 3. 配置路径等 ###

双击 install.cmd（右键管理员运行） 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径，输入nvm解压的地址即 C:\\dev\\nvm，成功后，会在C盘的根目录生成一个settings.txt的文本文件，把这个文件剪切到C:\\dev\\nvm目录中，然后我们把它的内容修改成这样：

root: C:\dev\nvm 
    path: C:\dev\nodejs 
    arch: 64 
    proxy: none 
    node_mirror: http://npm.taobao.org/mirrors/node/ 
    npm_mirror: https://npm.taobao.org/mirrors/npm/

### 4. 环境变量 ###

因为刚刚点击了install.cmd的文件，那么会在环境变量的系统变量中，生成两个环境变量：`NVM_HOME` 和 `NVM_SYMLINK` 我们开始修改这两个变量名的变量值：`NVM_HOME`的变量值为：`C:\dev\nvm`； `NVM_SYMLINK`的变量值为：`C:\dev\nodejs`

> Path中可能会自动添加上C:\\dev\\nvm;或者是C:\\dev\\nodejs，如果有的话，把他们删掉；没有的话，我们自己来配置。在Path添加：** `%NVM_HOME% 和 %NVM_SYMLINK%`**

> 使用命令nvm -v 查看版本，判断是否成功

### 5. 安装Node、Npm ###

*  输入命令：**`nvm install latest`**
 *  如果你是第一次下载，在use之前，`C:\dev`目录下是没有nodejs这个文件夹的，在输入比如： `nvm use 12.11.0` 之后，你会发现，`C:\dev`目录下多了一个nodejs文件夹，这个文件夹不是单纯的文件夹，它是一个快捷方式，指向了 `C:\dev\nvm` 里的 v12.11.0 文件夹。
 *  输入：nvm use 12.11.0 ； 切换node版本

> 查看node版本：node -v
> 
> 查看npm版本：npm -v

### 6. Npm处理 ###

*  输入 `npm config set prefix "C:\dev\nvm\npm"` 回车，这是在配置npm的全局安装路径，然后在用户文件夹下会生成一个.npmrc的文件，用记事本打开后可以看到如下内容：
    
    > prefix=C:\\dev\\nvm\\npm
 *  然后继续在命令中输入： `npm install npm -g` 回车后会发现正在下载npm包，在`C:\dev\nvm\npm`目录中可以看到下载中的文件，以后我们只要用npm安装包的时候加上 `-g` 就可以把包安装在我们刚刚配置的全局路径下了。
 *  我们为这个npm配置环境变量： 变量名为：NPM\_HOME，变量值为 ：`C:\dev\nvm\npm`
 *  在Path添加  **`%NPM_HOME% `**，注意了，这个一定要添加在  **`%NVM_SYMLINK% `**之前

> **使用cnpm：**
> 
> `方法1: npm install -g cnpm --registry=http://r.cnpmjs.org`
> 
> 方法2：用淘宝的`npm install -g cnpm --registry=https://registry.npm.taoba.org`

### 7. 安装Nrm ###

npm i nrm -g

[https_github.com_coreybutler_nvm-windows_releases]: https://github.com/coreybutler/nvm-windows/releases