前端环境配置(nvm、nodejs、npm)代码示例

 更新时间:2026年01月21日 08:38:30   作者:a_x_y  
nvm是node.js的管理器,而node.js是js文件的运行环境,能够使得javascript能够脱离浏览器运行,这篇文章主要介绍了前端环境配置(nvm、nodejs、npm)的相关资料,需要的朋友可以参考下

一、安装nvm

1. 下载vnm

url: https://nvm.uihtm.com/doc/download-nvm.html

2. 解压文件后双击exe文件进行安装

3. 选择nvm的安装地址,我是安装在D:\App\nvm

4. 选择nodejs的安装地址,我是安装在C:\Program Files\nodejs

5. 点击next 一直点击 完成安装;

6. 找到nvm的settings.txt文件打开后:

给该文件添加这两行命令:

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

二、环境变量配置

1. 右击计算机

2.点击属性

3.选择高级系统设置

4.点击环境变量

5.查看环境变量是否配置(默认nvm安装成功后,自动配置):

三、验证nvm是否安装成功

打开cmd,输入nvm -v 或 nvm version 或 nvm --version (三选一即可)

四、安装node.js

1. 通过nvm 指令安装node.js

重新打开cmd,输入对应的指令:

①  安装指定nodejs版本:                       nvm install + nodejs版本号 

②  查询已安装nodejs版本列表:         nvm list 

③ 使用对应的版本的nodejs:                 nvm use + nodejs 版本号

如: 

      nvm install 14.20.0                             -- 安装14.20.0版本的nodejs

      nvm use 14.20.0                                -- 使用14.20.0版本的nodejs

2. 检查是否安装成功

安装成功后会自动新建对应的文件夹

3. node环境变量配置

① 在nvm的安装目录新建两个文件夹node_global和node_cache

② 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):

npm config set prefix "D:\App\nvm\node_global"
npm config set cache "D:\App\nvm\\node_cache"

③ 设置环境变量(步骤同nvm环境变量设置)

a. 设置用户变量 前两个会自动创建,仅需要手动New node_global

b. 设置系统变量,与用户一致也是path

五、所有设置均已完成,希望能帮助你。

到此这篇关于前端环境配置(nvm、nodejs、npm)的文章就介绍到这了,更多相关前端环境配置nvm、nodejs、npm内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

最新评论