Node安装教程,Node环境变量配置和换源,2025最新保姆级别教程

前言

编写的前端代码(如 React、Vue、Webpack)需要依赖 Node.js 环境运行,Node 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,具备构建高性能网络服务的能力,如淘宝团队测试显示单进程 Node.js 可处理 16,700 QPS,内存仅占用 30MB。这里只需略懂就行,接下来手把手教你安装Node。

安装步骤

进入Node官网,下载即可,我是 Windows 系统,所以下载 Windows 的

https://nodejs.cn/download/

在这里插入图片描述

双击安装包,进行安装

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

更换路径
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

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

最后验证是否安装成功,在终端输入以下命令:

查看 Node.js 版本

node -v  

查看 npm 版本

npm -v   

输出以下信息证明成功
在这里插入图片描述

环境变量配置

1.创建文件夹

在自己的 Node 安装目录下新建两个文件夹 node_global 和 node_cache
在这里插入图片描述

2.设置路径

使用管理员身份打开 cmd 终端

在这里插入图片描述

在 cmd 中输入:npm config set prefix “文件夹node_global的路径”,填你们自己的

npm config set prefix D:\1-Python\ProgramFiles\Node\node_global

之后继续输入:npm config set cache “文件夹node_cache的路径”,填你们自己的

npm config set cache D:\1-Python\ProgramFiles\Node\node_cache

在这里插入图片描述

3.配置环境变量

在设置找到 系统 ->系统信息,之后点击高级系统设置
在这里插入图片描述
点击环境变量
在这里插入图片描述
在系统变量,点击新建

在这里插入图片描述
填入:
变量名:NODE_PATH

变量值:D:\1-Python\ProgramFiles\Node\node_global\node_modules,你的 node_global 路径后面加上 node_modules

在这里插入图片描述
到 node_global 下看有没有生成一个 node_modules文件夹,如果没有,就在 node_global 下手动创建一个 node_modules 文件夹

在这里插入图片描述
继续在2系统变量选中 Path,点击编辑
在这里插入图片描述
添加 %NODE_PATH%,然后点击确定

在这里插入图片描述

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

在这里插入图片描述

最后把全部的确定按钮点完就行

在这里插入图片描述

测试和换国内镜像源

1.测试

配置完成后,全局安装最常用的 express 模块进行测试( -g 表示全局安装),还是以管理员运行 cmd 终端,输入下面命令

npm install express -g

在这里插入图片描述
如果出现安装失败的话可能是你没有使用管理员身份运行 cmd 窗口

2.换源

这里肯定有人问,为什么要换源,换源是什么,我一句话概括:换源就像是更换下载地址,选择一个离你更近、速度更快的服务器来加速软件包的下载。下面给出淘宝的镜像源和华为的镜像源,还有其他大家可以网上搜索

淘宝镜像:

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

华为镜像

npm confg set registry https://mirrors.huaweicloud.com/repository/npm/

在终端粘贴即可
在这里插入图片描述
查看是否成功:

npm config get registry

输出下面正常成功
在这里插入图片描述
如果要恢复npm默认镜像,输入以下命令

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

总结

认真看博客基本是成功的,有问题评论区留言,谢谢观看