news 2026/4/23 16:22:16

前端环境配置(nvm、nodejs、npm)

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前端环境配置(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

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

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 9:49:30

34、终端操作命令与编程式补全全解析

终端操作命令与编程式补全全解析 1. emacs 模式命令 emacs 模式提供了一系列强大的编辑命令,以下是常见命令及其含义: | 命令 | 含义 | | — | — | | CTRL - A | 移动到行首 | | CTRL - B | 向后移动一个字符 | | CTRL - D | 向前删除一个字符 | | CTRL - E | 移动到…

作者头像 李华
网站建设 2026/4/23 9:59:57

EmotiVoice生成语音的版权归属问题解析

EmotiVoice生成语音的版权归属问题解析 在AI语音技术飞速演进的今天,一段几秒钟的录音,是否还能真正属于“你自己”?当EmotiVoice这样的开源TTS模型可以仅凭短短数秒音频克隆出你的声音,并用它讲故事、读新闻、甚至“替你发言”&a…

作者头像 李华
网站建设 2026/4/23 13:17:03

百度网盘秒传工具完全使用手册:高效文件管理新方案

百度网盘秒传工具完全使用手册:高效文件管理新方案 【免费下载链接】baidupan-rapidupload 百度网盘秒传链接转存/生成/转换 网页工具 (全平台可用) 项目地址: https://gitcode.com/gh_mirrors/bai/baidupan-rapidupload 还在为网盘文件转存效率低下而烦恼吗…

作者头像 李华
网站建设 2026/4/23 9:58:04

WebPShop:Photoshop专业WebP图像处理插件深度解析

WebPShop:Photoshop专业WebP图像处理插件深度解析 【免费下载链接】WebPShop Photoshop plug-in for opening and saving WebP images 项目地址: https://gitcode.com/gh_mirrors/we/WebPShop WebPShop作为一款专为Adobe Photoshop设计的高性能插件&#xff…

作者头像 李华
网站建设 2026/4/23 9:58:39

UI设计师效率神器!2026年最全设计师离线工具包

现在,我们的工作越来越依赖云端,虽然它带来了一定的便利,但也隐藏着不稳定、安全与隐私风险。就像大概每个UI设计师都经历过这样的窘境:Wifi突然断了、素材加载失败、文件无法保存、云端崩溃…… 这也是为什么离线设计工具依然是…

作者头像 李华
网站建设 2026/4/23 12:37:44

弃用 uni-app!Vue3 的原生 App 开发框架来了!

长久以来,"用 Vue 3 写真正的原生 App" 一直是块短板。uni-app 虽然"一套代码多端运行",但性能瓶颈、厂商锁仓、原生能力羸弱的问题常被开发者诟病。整个 Vue 生态始终缺少一个能与 React Native 并肩的"真原生"跨平台方案…

作者头像 李华