Node.js 下载安装与环境配置全流程(保姆级详解)| 图文详解,快速上手

Node.js 下载安装与环境配置全流程(保姆级详解)| 图文详解,快速上手

前言

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它采用事件驱动、非阻塞式 I/O 模型,使得其在处理高并发任务时具有极高的效率。得益于这样的设计,Node.js 在 Web 开发、实时应用、微服务架构等场景中被广泛使用。

除了高性能,Node.js 还配备了功能强大的包管理器 npm(Node Package Manager)。npm 提供了丰富的开源库和工具,开发者可以轻松地安装、管理和共享代码,使开发过程更加高效。


一、下载安装 Node.js

1.下载安装包:

在这里插入图片描述

通常页面会显示两个版本:

  1. 长期维护版本(推荐):该版本更加稳定,适合企业应用或生产环境。
  2. 最新版本:该版本包含最新功能,但可能不够稳定,适合尝试新特性或测试用途。

2.安装程序

安装完毕,点击Finish按钮。

在这里插入图片描述

开始安装,点击Install按钮。

在这里插入图片描述

这一步的选项Automatically install the necessary tools(自动安装所需工具)决定了是否安装用于编译原生模块的依赖项。这包括 Python 和 Visual Studio Build Tools 等工具。

在这里插入图片描述
如果勾选:Node.js 会自动安装这些工具,并配置好相关依赖,适合需要使用原生模块(如 bcrypt、node-sass 等)开发或测试的用户。
如果不勾选:系统不会安装这些工具,但可以手动配置依赖。如果后续不需要编译 C/C++ 模块,则不勾选也不会影响普通 JavaScript 开发。

直接点击Next下一步。

在这里插入图片描述

此处可根据个人需求修改安装路径,修改完毕后继续点击Next按钮。

在这里插入图片描述

勾选I accept the terms in the License Agreement,然后点击 Next

在这里插入图片描述

下载完成后,双击安装包,开始安装 Node.js,点击 Next

在这里插入图片描述

3.测试安装

    • 如果正确输出版本号(如下图所示),说明安装成功。
    • 如果命令未识别,请检查环境变量配置。

输入以下命令并回车,验证版本信息:

node -v // 检查 Node.js 版本 npm -v // 检查 npm 版本 
在这里插入图片描述

按下 win + r 键,输入cmd,打开cmd窗口。

在这里插入图片描述

二、环境配置

1.创建文件夹

  • 打开安装目录,新建两个文件夹 node_globalnode_cache
在这里插入图片描述

2.配置 npm 路径

  1. 以管理员身份打开命令提示符(CMD)。

完成路径配置后,可以通过以下命令验证是否设置成功:

npm config get prefix npm config get cache 
在这里插入图片描述
注意事项:如果输出的路径与配置路径一致,说明路径配置成功。确保路径正确:复制刚刚创建的 node_globalnode_cache 文件夹路径,避免路径输入错误。权限问题:如果提示权限不足,请确认已使用管理员身份运行命令提示符。

输入以下命令,将路径替换为你创建的文件夹路径:

npm config set prefix "你的路径\node_global" npm config set cache "你的路径\node_cache" 

示例(假设路径为 E:\nodejs):

npm config set prefix "E:\nodejs\node_global" npm config set cache "E:\nodejs\node_cache" 

3.配置环境变量

  1. 右键点击桌面上的 此电脑(或“计算机”),选择 属性 ,点击 高级系统设置,然后选择 环境变量
  2. 系统变量 区域,点击 新建,输入以下内容,然后点击确定。
    • 变量名NODE_PATH
    • 变量值E:\nodejs\node_global\node_modules 复制刚刚创建的node global路径并在后面添加\node modules
在这里插入图片描述
  1. 编辑用户变量 Path
  2. 更新系统变量 Path

完成环境变量配置后,重新打开 cmd ,输入以下命令验证:

echo %NODE_PATH% 

如果输出正确路径(如 E:\nodejs\node_global\node_modules),说明环境变量已配置成功。

在这里插入图片描述

点击 新建,输入 %NODE_PATH%,然后依次点击确定关闭所有窗口。

在这里插入图片描述

系统变量 区域,选择 Path,点击 编辑

在这里插入图片描述

将默认的 C:\Users\你的用户名\AppData\Roaming\npm 路径修改为 node_global 文件夹的路径(如 E:\nodejs\node_global),然后点击确定。

在这里插入图片描述

用户变量 区域,选择 Path 变量,点击 编辑

在这里插入图片描述

三、测试

输入以下命令验证安装路径:

npm root -g 
在这里插入图片描述
若输出路径为 node_global\node_modules,说明配置成功。

安装成功后,node_global 文件夹下会生成 node_modules 目录。

在这里插入图片描述

全局安装 express 模块(以管理员身份运行 CMD):

npm install express -g 

-g 参数表示全局安装,出现类似下图说明安装成功。

在这里插入图片描述

四、配置镜像

1.设置淘宝镜像(可选并推荐)

  1. 淘宝镜像是淘宝团队为国内用户提供的npm镜像源,它与官方镜像源保持同步,并提供了更快的下载速度。

验证配置:

npm config get registry 

若返回 https://registry.npmmirror.com,说明镜像源设置成功。

在这里插入图片描述

输入以下命令将 npm 镜像源设置为淘宝镜像:

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

2.安装 cnpm(可选)

验证安装:

cnpm -v 
在这里插入图片描述

输入以下命令全局安装 cnpm(淘宝版 npm 工具):

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

结尾

至此,我们已经完成了 Node.js 的下载安装、环境配置以及镜像设置等操作。通过全局安装 express 模块验证了配置的正确性,并通过淘宝镜像优化了 npm 的下载效率。希望本教程能够帮助你顺利搭建 Node.js 开发环境。

本教程参考自 2024 最新版 Node.js 下载安装及环境配置教程【保姆级】 进行编写,感谢原作者提供的详细指导。教程中若遇到报错或问题,可优先参考该博客提供的解决方法。

如果在操作过程中遇到问题,欢迎在评论区留言交流,一起解决问题。祝你开发顺利,开启高效的 Node.js 开发之旅!🚀🎉

Read more

MySQL & NaviCat 安装及配置教程(Windows)【安装】

MySQL & NaviCat 安装及配置教程(Windows)【安装】

文章目录 * 一、 MySQL 下载 * 1. 官网下载 * 2. 其它渠道 * 二、 MySQL 安装 * 三、 MySQL 验证及配置 * 四、 NaviCat 下载 * 1. 官网下载 * 2. 其它渠道 * 五、 NaviCat 安装 * 六、 NaviCat 逆向工程 软件 / 环境安装及配置目录 一、 MySQL 下载 1. 官网下载 安装地址:https://www.mysql.com/cn/ 点击 No thanks, just start my download. ,弹出下载框,即可下载,不需要付费

By Ne0inhk
深度解析个人AI助手OpenClaw:从消息处理到定时任务的全流程架构

深度解析个人AI助手OpenClaw:从消息处理到定时任务的全流程架构

在人工智能快速普及的当下,个人AI助手已经逐渐渗透到我们的工作和生活中,它们能够跨平台接收消息、智能处理需求、执行指定任务,成为提升效率的重要工具。OpenClaw作为一款功能强大的个人AI助手,凭借其灵活的渠道适配、完善的路由机制、强大的Agent能力以及可靠的定时任务系统,在众多AI助手中脱颖而出。很多开发者在使用OpenClaw时,都会好奇其背后的运行逻辑:当我们在WhatsApp、Discord等平台发送消息时,OpenClaw是如何捕捉到这些消息的,又是如何一步步处理并给出回复的;Web UI端的消息传递和外部渠道有何不同;Pi Agent如何调用大语言模型(LLM)和执行本地命令;定时任务从创建到结束的完整生命周期又包含哪些环节。今天,我们就结合OpenClaw的源代码,对这些核心功能模块进行全面且深入的解析,带你走进这款个人AI助手的底层架构,读懂每一个流程背后的技术实现。 OpenClaw的整体架构遵循“模块化设计、统一化管理”的理念,无论是消息处理、Agent执行还是定时任务,都有清晰的模块划分和明确的流程逻辑,这不仅保证了系统的稳定性和可扩展性,也让开发者能够快速

By Ne0inhk
什么是约定优于配置?自动配置的原理是什么?一文搞懂SpringBoot底层启动流程

什么是约定优于配置?自动配置的原理是什么?一文搞懂SpringBoot底层启动流程

👨‍💻程序员三明治:个人主页 🔥 个人专栏: 《设计模式精解》《重学数据结构》 🤞先做到 再看见! 目录 * 什么是自动配置类? * 自动配置原理 * 有没有自动配置的区别在哪? * Spring整合Mybatis * 在pom.xml文件中添加jar包的依赖 * 配置MyBatis文件 * 新建一个实体类的包和User实体类 * 编写实体类 * 新建Mapper接口包和UserMapper接口 * resouces下新建jdbc资源文件 jdbc-config.properties * resources下新建mybatis配置文件 mybatis.xml * resources下新建logj4j的日志配置文件log4j.properties * 新建User的映射mapper文件 * 在UserMapper接口中编写映射文件对应的方法 * 配置Spring文件 * resources下新

By Ne0inhk
Flutter 组件 graphql 的适配 鸿蒙Harmony 实战 - 驾驭标准化分布式图形协议、实现鸿蒙端实时订阅与高性能交互网关方案

Flutter 组件 graphql 的适配 鸿蒙Harmony 实战 - 驾驭标准化分布式图形协议、实现鸿蒙端实时订阅与高性能交互网关方案

欢迎加入开源鸿蒙跨平台社区:https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 graphql 的适配 鸿蒙Harmony 实战 - 驾驭标准化分布式图形协议、实现鸿蒙端实时订阅与高性能交互网关方案 前言 在鸿蒙(OpenHarmony)生态的万物互联、极繁交互中台、以及对数据获取灵活性有极致要求的现代应用研发中,“高效的数据检索协议”是应用响应速度的灵魂。面对复杂的社交网络关系查询、实时的行情推送、或是海量状态信息的聚合。如果仅仅依靠传统的 RESTful 接口,那么不仅会导致因为 Over-fetching(获取多余数据)导致的带宽浪费,更会因为频繁的 API 版本演进引入严重的跨端兼容性碎片化问题。 我们需要一种“按需检索、逻辑解耦”的交互艺术。 graphql 是一套专为 Flutter 设计的标准 GraphQL 客户端套件。它通过构建规范的规范化缓存(Normalized Cache)与极其灵活的连接链路(Links)

By Ne0inhk