【保姆级】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

前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略

目录 前端实战:基于Vue3与免费满血版DeepSeek实现无限滚动+懒加载+瀑布流模块及优化策略 一、前言 二、如何使用腾讯云免费满血版deepseek 1、腾讯云大模型知识引擎体验中心 2、体验deepseek联网助手 3、人机交互获取AI支持 三、基于DeepSeek实现无限滚动+懒加载+瀑布流模块 1、无限滚动+懒加载+瀑布流模块的底层逻辑 2、人机交互策略与Deepseek的实现过程 ①虚拟列表管理 ②布局容器初始化 ③动态渲染与销毁机制 ④无线滚动实现 ⑤内存优化策略 四、最终代码呈现 1、组件代码 2、组件用法 五、结语         作者:watermelo37         ZEEKLOG万粉博主、华为云云享专家、阿里云专家博主、腾讯云、支付宝合作作者,全平台博客昵称watermelo37。         一个假装是giser的coder,做不只专注于业务逻辑的前端工程师,Java、Docker、

By Ne0inhk
Flutter 三方库 web_scraper 轻量级网页抓取核心适配进阶:精通跨端选择器表达式无头浏览器代理、极限提取残缺数据接口网格实现鸿蒙万物互联泛信息-适配鸿蒙 HarmonyOS ohos

Flutter 三方库 web_scraper 轻量级网页抓取核心适配进阶:精通跨端选择器表达式无头浏览器代理、极限提取残缺数据接口网格实现鸿蒙万物互联泛信息-适配鸿蒙 HarmonyOS ohos

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 三方库 web_scraper 轻量级网页抓取核心适配进阶:精通跨端选择器表达式无头浏览器代理、极限提取残缺数据接口网格实现鸿蒙万物互联泛信息即时采集 前言 在 OpenHarmony 应用开发中,我们并非总能获得完美的后端 API。当我们希望在鸿蒙应用中聚合一些公开的技术资讯、天气指数或是论坛热帖,但对方并未提供标准化 JSON 接口时,通过抓取网页(Web Scraping)获取结构化数据成了唯一的出路。web_scraper 库为 Flutter 开发者提供了一套基于 CSS 选择器的极简网页爬虫方案。本文将实战介绍如何在鸿蒙端利用该库构建一个高效的信息采集底座。 一、原直线性 / 概念介绍 1.1 基础原理/概念介绍 web_scraper 的核心逻辑是基于 HTTP 内容请求与 HTML DOM 树的解析映射。

By Ne0inhk
【n8n教程】:Webhook节点,构建自动化触发器

【n8n教程】:Webhook节点,构建自动化触发器

【n8n教程】:Webhook节点,构建自动化触发器 什么是Webhook? Webhook 是一个能让外部服务与 n8n 进行实时通信的神奇工具。简单来说,当某个事件发生时,外部服务会立即将数据推送到你的 n8n 工作流,触发自动化流程。 相比传统的"轮询"方式(不断询问是否有新数据),Webhook 更高效、更实时。一旦事件发生,数据就被立即发送给 n8n,n8n 立刻开始处理。 🎯 Webhook的应用场景 * 表单提交处理:用户提交网页表单 → Webhook 接收数据 → n8n 验证并保存 * 支付确认通知:支付平台发送支付成功通知 → 触发订单更新、发票生成 * 第三方系统集成:Shopify 订单、Slack 消息、GitHub 推送等 * 监控和告警:监控系统发送警报 → n8n 通知团队并执行应对措施

By Ne0inhk
[开源推荐] 基于 Vue 3 + Hiprint 的 Web 打印设计器 vg-print:拖拽设计、静默打印一站式方案

[开源推荐] 基于 Vue 3 + Hiprint 的 Web 打印设计器 vg-print:拖拽设计、静默打印一站式方案

在 Web 开发中, 打印功能 一直是一个让人头疼的痛点。传统的 CSS 打印难以精确控制分页、页眉页脚和复杂布局,而市面上的打印插件要么收费昂贵,要么集成复杂。 最近在项目中基于著名的 hiprint 库,封装了一套 开箱即用 的 Vue 3 打印设计组件库 —— vg-print 。它不仅支持可视化拖拽设计模板,还集成了预览、PDF/图片导出,甚至支持配合客户端实现 静默打印 。今天就把这个开源项目分享给大家,希望能帮到有类似需求的开发者。 为什么选择 vg-print? vg-print 是一个基于 Vue 3 生态的打印解决方案。它不仅仅是对 hiprint 的简单封装,更提供了一个完整的 FullDesigner 设计器组件。 核心痛点解决: * 可视化设计 :不再手写复杂的打印样式,直接拖拽生成模板。 * 开箱即用 :引入组件即可使用,无需繁琐的初始化配置。 * 功能全面

By Ne0inhk