【保姆级】Node.js 最新安装教程,附环境变量配置

【保姆级】Node.js 最新安装教程,附环境变量配置

🎬 博主名称:超级苦力怕

🔥 个人专栏:《Java成长录》《AI 工具使用目录》

🚀 每一次思考都是突破的前奏,每一次复盘都是精进的开始!


安装目录

零基础安装 Node.js(Windows)

  • 你只要照做:下载 -> 安装 -> 配环境变量 -> 验证
  • 看不懂没关系:每张图就是上一步文字的结果

1. 下载安装包

  1. 打开官网下载页:官网下载传送门

想下载旧版本:在页面里找到“之前的版本/历史版本”入口

在这里插入图片描述

选择你的系统版本,点击 Windows 安装包(.msi) 下载

在这里插入图片描述

2. 安装程序

  1. 双击下载好的 .msi,一路点 Next
  2. 到选择安装位置这一步:建议不要装在 C 盘(选 D/E 盘即可)、建议目录中不要包含中文、空格以及特殊字符
在这里插入图片描述


3. 这一步保持默认即可

在这里插入图片描述


4. 继续 Next

在这里插入图片描述


5. 点击 Install 开始安装

在这里插入图片描述
  1. 验证是否安装成功

点击 Finish 完成安装

在这里插入图片描述
  • Win + R,输入 cmd 回车
  • 输入:node -v 回车,再输入:npm -v 回车
在这里插入图片描述


能看到版本号,说明安装成功。

3. 环境配置(照做即可)

3.1 新建两个文件夹

进入这两个文件夹,复制它们的“文件夹地址”(后面要用)

在这里插入图片描述

打开你的 Node.js 安装目录,新建两个文件夹:node_cachenode_global

在这里插入图片描述

3.2 设置 npm 的全局目录和缓存

  1. Win + X -> 选择 终端(管理员),分别执行下面两条命令(把路径换成你自己的)
npm config set prefix "D:\Deleloper\runtimes\NodeJS\node_global"
npm config set cache "D:\Deleloper\runtimes\NodeJS\node_cache"

注意:一定要用“管理员”打开终端,否则可能失败。

拓充prefix设置 npm 全局安装包 的存放目录,当使用npm install -g package-name安装全局包的时候,会默认安装到此目录,从而统一管理Node.js相关文件。cache设置 npm 下载缓存 的存放目录,将下载的包先缓存到这里,下次安装同版本时直接使用缓存,从而节省空间,加快安装速度。
  1. 检查是否设置成功(复制粘贴执行):
npm config get prefix npm config get cache 

显示的是你自己的文件夹地址,就说明对了。

在这里插入图片描述

3.3 配环境变量

  1. 点击“新建”,创建系统变量 NODE_PATH

右键“此电脑” -> “属性” -> “高级系统设置” -> “环境变量”

*

变量值:node_global文件夹 的路径 + \node_modules

在这里插入图片描述
  1. 在“用户变量”里编辑 Path

把默认的 ...AppData\Roaming\npm 改成你的 node_global 路径

在这里插入图片描述


在这里插入图片描述
  1. 在“系统变量”里选择 Path -> “编辑” -> “新建” -> 输入:%NODE_PATH%

一路点“确定”保存,关闭所有窗口后,重新打开 终端/命令行(这一步很关键)

在这里插入图片描述

4. 测试(配置有没有生效)

  1. Win + X -> 选择 终端(管理员)
  2. 执行下面命令(安装一个全局包做验证)
npminstall express -g // -g代表全局安装 

看到安装成功的输出,就说明配置成功。

在这里插入图片描述

5. (推荐)设置 npm 国内镜像(下载更快)

如果你发现 npm install 很慢,再做这一步:

  1. Win + X -> 选择 终端(管理员),执行:
npm config set registry https://registry.npmmirror.com 
  1. 验证:
npm config get registry 

显示 https://registry.npmmirror.com 就成功。


到这里,你的 Node.js 安装与环境变量配置就完成了。

6. 拓充:常见问题

后续会基于新的问题不断添加

6.1 权限不足 (EPERM)

在使用的时候报错较多,显示EPERM错误,这个错误通常是因为文件/文件夹权限问题导致的,错误示例如下:

在这里插入图片描述


解决方案
键盘【Win+X】,打开终端管理员,重新尝试。如果不行,需要修改Node.js安装目录权限,修改npm缓存目录权限,仍旧在终端管理员执行下述命令。

# 修改Node.js安装目录权限 icacls "你的Node.js安装目录" /grant Users:F /T #修改npm缓存目录权限 icacls "你的node_global目录" /grant Users:F /T icacls "你的node_cache目录" /grant Users:F /T 

可以通过以下指令,获取你对应的目录

#npm缓存目录npm config get prefix npm config get cache 

示例如下

icacls "D:\Deleloper\runtimes\NodeJS" /grant Users:F /T icacls "D:\Deleloper\runtimes\NodeJS\node_global" /grant Users:F /T icacls "D:\Deleloper\runtimes\NodeJS\node_cache" /grant Users:F /T 

Read more

快过年了,写个游戏玩玩,放松下,解析俄罗斯方块游戏(可直接复制代码使用,玩游戏)。罗斯方块游戏技术解析:从前端实现到工程化思考

快过年了,写个游戏玩玩,放松下,解析俄罗斯方块游戏(可直接复制代码使用,玩游戏)。罗斯方块游戏技术解析:从前端实现到工程化思考

前言:哈喽,大家好,今天给大家分享一篇文章!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎点赞 + 收藏 + 关注哦 💕 快过年了,写个游戏玩玩,放松下,解析俄罗斯方块游戏(可直接复制代码,玩游戏)。罗斯方块游戏技术解析:从前端实现到工程化思考 📚 本文简介 本文解析了一个基于HTML5+CSS3+JavaScript的俄罗斯方块网页游戏实现。项目采用模块化设计,包含index.html、style.css和script.js三个核心文件,遵循前端开发最佳实践。HTML结构采用语义化布局,使用Canvas双画布分别渲染主游戏区和预览区。CSS运用Flexbox布局、毛玻璃效果、过渡动画等现代特性,实现响应式设计。JavaScript处理游戏逻辑,包括方块旋转、碰撞检测等核心算法。项目兼顾性能与用户体验,是前端游戏开发的经典案例。全文从架构设计到实现细节进行了深度技术解析。 目录 * 快过年了,写个游戏玩玩,放松下,解析俄罗斯方块游戏(可直接复制代码,玩游戏)。罗斯方块游戏技术解析:

By Ne0inhk

Fish-Speech 1.5 零基础教程:5分钟搭建语音合成WebUI

Fish-Speech 1.5 零基础教程:5分钟搭建语音合成WebUI 想不想拥有一个自己的“AI配音师”?不用下载软件,不用配置复杂环境,5分钟就能在浏览器里生成各种声音。今天,我就带你从零开始,用最简单的方式搭建Fish-Speech 1.5的语音合成WebUI。 Fish-Speech 1.5是个很厉害的语音合成模型,它最大的特点就是“聪明”。传统的语音合成需要依赖复杂的音素规则库,而这个模型能直接理解文本,就像人一样,看到文字就能读出来。它采用了一种创新的双自回归Transformer架构,计算效率高,生成的声音质量也好。 最棒的是,现在有现成的镜像可以直接用,省去了所有安装配置的麻烦。下面我就手把手教你,怎么在5分钟内把它跑起来。 1. 准备工作:理解我们要做什么 在开始之前,我们先简单了解一下这个项目。Fish-Speech 1.5提供了两种使用方式: WebUI(网页界面):这是最推荐的方式。打开浏览器,输入文字,点一下按钮,就能听到生成的声音。界面是中文的,操作起来非常直观,适合大多数人使用。

By Ne0inhk
后端代码不用写了?前端操作数据库?一文精通Supabase,实战教程+本地部署

后端代码不用写了?前端操作数据库?一文精通Supabase,实战教程+本地部署

视频版:https://www.bilibili.com/video/BV1ZJsBznEt3 2025年最火的后端开源项目那必须是Supabase。Supabase是一个开源的后端级服务框架,在强大的PostgreSQL数据库的基础上,封装了用户认证、文件存储、可视化的运维面板等功能,为开发者提供了一整套开箱即用的后端基础设施。Supabase在Github上面有恐怖的9万star,这已经是整个Github上面最顶级的开源项目之一了。 总的来说,Supabase为开发者提供了三大部分的能力:后端、前端与免费的云服务。Supabase在后端提供数据库、文件存储、边缘函数、用户鉴权等各种基础设施。在前端方面,Supabase提供客户端SDK,可以将任何一个前端框架,比如React, Vue,甚至手机APP,用几行代码就可以轻松接入后端。 Supabase是一个完全开源免费的项目,我们可以使用源代码或者docker镜像,自己部署一个Supabase的完整实例。如果懒得自己部署,Supabase的官方还提供一个云服务的版本,我们只需要注册一个账户,就能立即获得一个免费的Supabase

By Ne0inhk

HTML静态页面生成:利用大模型自动编写前端代码

HTML静态页面生成:利用大模型自动编写前端代码 在现代Web开发中,一个常见的痛点是——明明只是想快速搭建一个简单的展示页,却不得不花上几个小时写HTML结构、调CSS样式、查Bootstrap类名。尤其是当产品经理说“先做个原型看看效果”时,前端工程师的内心往往是崩溃的。 但今天,这一切正在被改变。借助大语言模型(LLM),我们已经可以做到:输入一句自然语言描述,几秒钟内输出一段语义正确、结构规范、甚至带有响应式设计的完整HTML代码。这不再是科幻场景,而是基于现有技术栈完全可实现的工作流。 而在这个过程中,像 ms-swift 这样的开源框架正扮演着关键角色。它不仅让大模型的训练与部署变得轻量化,更使得“用AI写前端代码”从实验室走向了生产环境。 从“写代码”到“说需求”:前端开发的新范式 传统前端开发依赖开发者对HTML标签体系、CSS布局机制和JavaScript交互逻辑的熟练掌握。即使是经验丰富的工程师,在面对重复性页面(如登录页、介绍页、表单页)时也难免感到枯燥。而对于非技术人员来说,哪怕只是修改一行<div>的位置,

By Ne0inhk