前端node环境安装：nvm安装详细教程（安装nvm、node、npm、cnpm、yarn及环境变量配置）

需求：在做前端开发的时候，有的时候这个项目需要 node 14 那个项目需要 node 16，我们也不能卸载安装。这岂不是很麻烦。这个时候就需要一个工具来管理我们的 node 版本和 npm 版本。

下面就分享一个 nvm 工具用来管理 node 版本。

这个nvm 和 java的 mvn 命令很像。大家不要用混了~ 哈哈

注：下面的所有 cmd 打开都要以管理员运行 否则命令有可能不生效

nvm 官网地址：https://nvm.uihtm.com

github 地址，

https://github.com/nvm-sh/nvm

nvm 常用命令：

bash 复制代码

nvm -v 查看当前版本
nvm --config 

nvm list available  查询可以下载的node版本
nvm list 查看已安装node版本列表
nvm install 版本号 下载对应node版本
nvm use 版本号 切换node版本
nvm on 开启nvm
nvm off 关闭nvm

安装：

我下载的是 1.1.12 版本

解压出来

下一步下一步安装不建议安装到 C盘

安装完成后，修改镜像源加快下载速度

把下面命令复制到 settings.txt 文件中

bash 复制代码

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

保存即可

nvm配置环境变量

默认安装后会自动配置

低版本的好像需要自己去配置

bash 复制代码

%NVM_HOME% 和 %NVM_SYMLINK%

最后管理员运行 cmd 验证安装情况

文件夹里的情况：

node环境变量配置

对于怎么配置环境变量常量和环境变量里的 PATH 常量的这里就不说了

修改全局安装的模块路径和缓存路径这样不占用 C盘

创建两个文件夹先

nodeCache

nodeGlobal

创建完两个文件夹后，在cmd窗口中输入以下命令

路径按照自己的存储地址修改

bash 复制代码

npm config set prefix "D:\app\nodejs\nvm\nodeGlobal"
npm config set cache "D:\app\nodejs\nvm\nodeCache"

检查环境变量：
系统变量和用户变量都要加方便后续使用

如果有C:\Users\用户名\AppData\Roaming\npm，

修改为D:\app\nodejs\nvm\nodeGlobal

我们自己建的路径

如果没有

就新建D:\app\nodejs\nvm\nodeGlobal

这个PATH常量下：

接再来再创建一个环境变量 NODE_PATH ：

变量值如下就是刚刚我们创建的全局文件夹后面加一个 node_modules

bash 复制代码

D:\app\nodejs\nvm\nodeGlobal\node_modules

设置淘宝的镜像并查看
建议用管理员权限执行 cmd 因为他要写入你磁盘有可能没权限

bash 复制代码

npm config set registry https://registry.npmmirror.com/
 
npm config get registry

全局安装cnpm

bash 复制代码

npm install -g cnpm --registry=https://registry.npmmirror.com/
 
或
 
npm install -g cnpm

注：我再在执行 npm install -g cnpm 报错

说什么权限不足

npm ERR! If you believe this might be a permissions issue, please double-check the

npm ERR! permissions of the file and its containing directories, or try running

npm ERR! the command again as root/Administrator.

百度后又是让给自己创建的文件夹权限又是清除 c盘下的 .npmrc 文件
但是对于我来说都没用如果你也遇到这个问题看了网上清除了 .npmrc 文件
那你上面执行的 npm config set 命令都会失效需要重新执行

最后有一篇文章解决了问题

因为我使用的是 node 14.5 所以在安装 cnpm 指定一下版本即可

应该是依赖关系的问题要对应版本下载

bash 复制代码

npm install -g  cnpm@7.1.1

yarn安装

bash 复制代码

npm install yarn -g

验证我们文件夹生效拉去查看文件夹里是否有内容