0


2024最新版Node.js下载安装及环境配置教程(非常详细)从零基础入门到精通,看完这一篇就够了

一、进入官网地址下载安装包

node官网
在这里插入图片描述点击下载选项查看所有可用的nodsjs版本
在这里插入图片描述选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位,14.19.1版本结尾为msi的安装包
在这里插入图片描述在这里插入图片描述

**

二、安装程序

(1)下载完成后,双击安装包,开始安装Node.js
**在这里插入图片描述
(2)直接点【Next】按钮,此处可根据个人需求修改安装路径,修改完毕后继续点击【Next】按钮
在这里插入图片描述
(3)下图根据本身的需要进行,我选择了默认Node.js runtime,而后Next

Node.js runtime :表示运行环境
npm package manager:表示npm包管理器
online documentation shortcuts :在线文档快捷方式
Add to PATH:添加到环境变量

在这里插入图片描述
(4)不选中,直接点击【Next】按钮
在这里插入图片描述
(5)点击【Install】按钮进行安装
在这里插入图片描述
(6)点击finish,完成安装
在这里插入图片描述
(7)测试安装是否成功,按下【win+R】键,输入cmd,打开cmd窗口
输入:

node -v     // 显示node.js版本
npm  -v     // 显示npm版本

在这里插入图片描述
–成功显示版本说明安装成功

三、环境配置

(1)找到安装的目录,在安装目录下新建两个文件夹【node_global】和【node_cache】
在node_global文件夹下新建node_modules文件夹
在这里插入图片描述
(2)创建完毕后,使用管理员身份打开cmd命令窗口,输入

Tips: 使用管理员身份运行cmd的方法 :点击左下角【开始】菜单,在搜索区域输入“命令提示符”,然后点击【以管理员身份运行】
在这里插入图片描述

①npm config set prefix “你的路径\node_global” (复制你刚刚创建的“node_global”文件夹路径)

npm config set prefix "D:\develop\Node.js\node_global"

②npm config set cache “你的路径\node_cache” (复制你刚刚创建的“node_cache”文件夹路径)

npm config set cache "D:\develop\Node.js\node_cache"

在这里插入图片描述
(3)配置环境变量

①【此电脑】-单击右键-【属性】-【高级系统设置】-【环境变量】
在这里插入图片描述
② 在【系统变量】中点击【新建】
在这里插入图片描述
变量名:NODE_PATH
变量值:C:\Program Files\nodejs\node_global\node_modules(复制你刚刚创建的“node_modules”文件夹路径)
在这里插入图片描述

③编辑【用户变量】中的【Path】
在这里插入图片描述
④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】的路径,点击确定在这里插入图片描述
在这里插入图片描述
⑤在【系统变量】中选择【Path】点击【编辑】添加【NODE_PATH】,随后一直点击【确定】
在这里插入图片描述
在这里插入图片描述
**

四、测试

**
配置完成后,全局安装一个最常用的 express 模块进行测试

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

出现以下界面即为配置成功
在这里插入图片描述
Tips:如果出现安装失败的话可能是你没有使用管理员身份运行cmd窗口,或者可以修改一下【node_global】和【node_cache]的权限

步骤: 鼠标右击【node_global】的文件夹,点击【属性】,再点击【安全】,再点击【编辑】,将权限都勾上,随即点击【确定】即可,【node_cache】步骤同理。
**

五、安装淘宝镜像

**
①安装淘宝镜像

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

查看是否成功

npm config get registry

在这里插入图片描述
②安装cnpm(按需安装)

说明: npm是node官方的包管理器。cnpm是个中国版的npm,是淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm。

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

在这里插入图片描述
查看是否安装成功

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

标签: node.js

本文转载自: https://blog.csdn.net/javayoungcoolboy/article/details/140794308
版权归原作者 晚安独角兽 所有, 如有侵权,请联系我们删除。

“2024最新版Node.js下载安装及环境配置教程(非常详细)从零基础入门到精通,看完这一篇就够了”的评论:

还没有评论