Windows下Node.js下载安装及环境变量配置教程

Windows下Node.js下载安装及环境变量配置教程

安装版本:node-v18.19.0-x64.msi


文章目录

  • Windows下Node.js下载安装及环境变量配置教程
  • 一、Node.js和NPM简介
  • 二、下载地址
  • 三、安装步骤
  • 四、环境配置
  • 五、安装淘宝镜像
  • 总结


一、Node.js和NPM简介

1、Node.js :是一种基于 Google V8 引擎的 JavaScript 运行环境,它提供了一个服务器端的环境,可以在没有图形界面的情况下执行 JavaScript 代码。Node.js 被广泛用于构建网络服务应用程序。

2、NPM(Node Package Manager):是 Node.js 的官方包管理工具。它是用来管理和分发 JavaScript 库和其他相关资源的系统。NPM 可以安装、共享和管理项目的依赖关系,使得开发人员可以轻松地使用第三方插件和库。

简而言之,NPM是 Node.js 的一部分,通常与 Node.js 一起安装和更新。当你安装了 Node.js,NPM 也随之安装,并通过 npm -v 命令可以检查其版本信息。

二、下载地址

官方下载地址:https://nodejs.org/en/download

1、选择对应自己系统的Node.js版本

在这里插入图片描述

2、可以下载以往其他的版本,点击【Previous Releases】,进入到如下图所以页面,选择对应的版本

在这里插入图片描述
3、我选择的是node-v18.19.0-x64.msi

在这里插入图片描述

三、安装步骤

1、开始安装,点击【Next】

在这里插入图片描述

2、勾选同意,点击【Next】

在这里插入图片描述

3、选择安装目录,我选择在D盘下

在这里插入图片描述

4、继续点击【Next】

在这里插入图片描述

5、不勾选,点击【Next】

在这里插入图片描述

6、点击【Install】,开始安装

在这里插入图片描述

7、点击【Finish】完成安装

在这里插入图片描述

8、查看安装是否成功

按下【win+R】键,输入cmd,打开cmd窗口,分别输入以下两个命令:
node -vnpm -v,如下图代表安装成功

在这里插入图片描述

四、环境配置

1、新建【node_global】和【node_cache】目录

找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】,如下图:

在这里插入图片描述

PS:之所以要这样配置,是因为以后在执行类似:npm install xxxx 的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间。

2、全局目录和缓存目录配置

以管理员身份打开cmd命令窗口,输入以下命令:

## npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径
npm config set prefix "D:\Program Files\nodejs\node_global"## npm config set cache “你的路径\node_cache” (复制你刚刚创建的“node_cache”文件夹路径)
npm config set cache "D:\Program Files\nodejs\node_cache"

在这里插入图片描述
在这里插入图片描述
3、系统配置环境变量

1. Win10 左下侧搜索框搜索“设置”打开,点击“系统”,在左侧一栏最底下找到【关于】,点击【高级系统设置】
PS:win7环境变量配置,在桌面上鼠标右键单击“计算机”,并选择“属性”在打开的计算机属性界面,点击左侧的“高级系统设置”,然后,在打开的界面下方就能看到“环境变量”,后续步骤跟win10一样

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

2. 点击【环境变量】

在这里插入图片描述

3. 在系统变量处,点击【新建】:
编辑变量名:NODE_PATH
编辑变量值:D:\Program Files\nodejs\node_global\node_modules
编辑好之后点击【确定】

在这里插入图片描述

然后你就会发现【node_global】里多出了一个【node_modules】文件夹
如果输入变量值之后没有自动创建【node_modules】文件夹,就在【node_global】下手动创建一个【node_modules】文件夹

在这里插入图片描述

4. 编辑【用户变量】中的【Path】
将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击【确定】

在这里插入图片描述
在这里插入图片描述

5. 在【系统变量】中选择【Path】,点击【编辑】,新建【%NODE_PATH%】,点击【确定】,如下图:

在这里插入图片描述

五、安装淘宝镜像

1、安装淘宝镜像

npm config set registry https://registry.npm.taobao.org

查看是否成功命令:

npm config get registry

成功如下图所示:

在这里插入图片描述

2、安装cnpm

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

查看是否安装成功

cnpm -v

成功如下图所示:

在这里插入图片描述

3、修改nodejs权限

找到新建【node_global】文件的上级目录【nodejs】,我的在“D:\Program Files\nodejs\node_global”,然后鼠标右击【nodejs】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可

在这里插入图片描述
4、删除.npmrc文件

该文件在:C:\Users{账户}\下的.npmrc文件
PS:不删除的话,下面第 5步执行“npm install express -g”可能会一直卡着或者直接报错

在这里插入图片描述
5、测试

配置完成后,全局安装一个最常用的 express 模块进行测试
PS:新打开一个cmd命令框

# -g代表全局安装
npm install express -g   

出现以下界面,即已经配置成功啦

在这里插入图片描述

总结

如果有出现问题的小伙伴们可以检查下自己的环境变量配置这块有没有出错

1、打开cmd,输入命令检查:

# 命令1
npm config get prefix# 命令2
npm config get cache

成功则如下图所示:

2、打开安装目录检查是否存在以下文件夹

在这里插入图片描述

3、环境变量配置是否正确(重点
在这里插入图片描述
4、.npmrc文件是否删除

该文件在:C:\Users{账户}\下的.npmrc文件,一定要删除

5、nodejs文件权限是否配置

我安装在D盘下,也就是之前新建两个文件夹的上级目录
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/455729.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java设计模式大全:23种常见的设计模式详解(一)

本系列文章简介: 设计模式是在软件开发过程中,经过实践和总结得到的一套解决特定问题的可复用的模板。它是一种在特定情境中经过验证的经验和技巧的集合,可以帮助开发人员设计出高效、可维护、可扩展和可复用的软件系统。设计模式提供了一种在…

Java 学习和实践笔记(1)

2024年,决定好好学习计算机语言Java. B站上选了这个课程:【整整300集】浙大大佬160小时讲完的Java教程(学习路线Java笔记)零基础,就从今天开始学吧。 在这些语言中,C语言是最基础的语言,绝大多…

SQL 表信息 | 统计 | 脚本

介绍 统计多个 SQL Server 实例上多个数据库的表大小、最后修改时间和行数,可以使用以下的 SQL 查询来获取这些信息。 脚本 示例脚本: DECLARE Query NVARCHAR(MAX)-- 创建一个临时表用于存储结果 CREATE TABLE #TableSizes (DatabaseName NVARCHAR…

ResizeObserver的使用

这篇说下ResizeObserver API。ResizeObserver接口监视 Element 内容盒或边框盒或者 SVGElement 边界尺寸的变化。 ResizeObserver避免了通过回调函数调整大小时,通常创建的无限回调循环和循环依赖项。它只能通过在后续的帧中处理 DOM 中更深层次的元素来做到这一点…

CGAL-3D 凸包算法

3D 凸包算法 一、概述二、静态凸包构造1. Traits 特征类2. 极端点3. 半空间相交4. 凸性检验 三、动态凸包构造四、性能 一、概述 一个点集 S∈R3 是凸的,如果对于任意两点 p 和 q 在集合中,具有端点的线段 p 和 q 包含在 S。集合的凸包 P 包含点集 S 的最…

Java开发IntelliJ IDEA2023

IntelliJ IDEA 2023是一款强大的集成开发环境(IDE),专为Java开发人员设计。它提供了许多特色功能,帮助开发人员更高效地编写、测试和调试Java应用程序。以下是一些IntelliJ IDEA 2023的特色功能: 智能代码编辑器&…

《动手学深度学习(PyTorch版)》笔记7.4

注:书中对代码的讲解并不详细,本文对很多细节做了详细注释。另外,书上的源代码是在Jupyter Notebook上运行的,较为分散,本文将代码集中起来,并加以完善,全部用vscode在python 3.9.18下测试通过&…

专业排版设计软件:QuarkXPress 2024 for mac中文激活版

QuarkXPress 2024 for Mac是一款功能强大、易于使用、高质量输出的专业排版软件。无论您是出版业的专家还是初学者,都可以通过QuarkXPress 2024轻松创建出令人惊叹的出版物。 软件下载:QuarkXPress 2024 for mac中文激活版下载 QuarkXPress 2023 for Mac…

第4节、电机多段转动【51单片机+L298N步进电机系列教程】

↑↑↑点击上方【目录】,查看本系列全部文章 摘要:本节介绍用控制步进电机三个主要参数角度、速度、方向,实现简单的步进电机多段控制 一、目标功能 输入多个目标角度,以及每个角度对应的速度,实现步进电机的多段多速…

分享71个节日PPT,总有一款适合您

分享71个节日PPT,总有一款适合您 71个节日PPT下载链接:https://pan.baidu.com/s/1v4_fHplsf_hOJQbNPVUudg?pwd8888 提取码:8888 Python采集代码下载链接:采集代码.zip - 蓝奏云 学习知识费力气,收集整理更不易…

【数据结构与算法】之排序系列-20240205

这里写目录标题 一、1346. 检查整数及其两倍数是否存在二、1365. 有多少小于当前数字的数字三、1460. 通过翻转子数组使两个数组相等四、1491. 去掉最低工资和最高工资后的工资平均值五、1502. 判断能否形成等差数列 一、1346. 检查整数及其两倍数是否存在 简单 给你一个整数数…

Kafka 使用手册

kafka3.0 文章目录 kafka3.01. 什么是kafka?2. kafka基础架构3. kafka集群搭建4. kafka命令行操作主题命令行【topic】生产者命令行【producer】消费者命令行【consumer】 5. kafka生产者生产者消息发送流程Producer 发送原理普通的异步发送带回调函数的异步发送同步…