2024年Node最新版本.js下载安装及环境配置教程(非常详细)
2025-06-24 11:42:52
来源:新华网
一、进入官网地址下载安装包。
官网:Node.js — Run JavaScript Everywhere 。
下载其他版本:Node.js — Download Node.js® (nodejs.org)。
选择与您的系统相对应的Node.js版本。
二、安装程序。
(1)下载后,双击安装包开始安装Node.js。
。
(2)直接点【Next】按钮,此处可根据个人需要修改安装路径这里的路径改为D:\Program Files\nodejs\#xff0c;修改后继续点击【Next】按钮。
(3)可根据自己的需要,在这里,我选择默认安装继续点击【Next】按钮。
(4)不选,直接点击【Next】按钮。
(5)点击【Install】安装按钮。
(6)安装完毕点击【Finish】按钮。
(7)测试安装是否成功c;按下【win+R】键,输入cmd打开cmd窗口 ,输入:
node -v // 显示node.js版本。
npm -v // 显示npm版本。
成功显示版本说明安装成功 。
三、环境配置。
(1)查找安装目录 D:\Program Files\nodejs,在安装目录下新建两个文件夹【node_global】和【node_cache】。
(2)创建后打开cmd命令窗口,使用管理员身份#xff0c;以win11打开cmd为例,搜索cmd的搜索框。
(3)命令窗口输入以下命令。
①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"
(4)配置环境变量。
①【此计算机】-单击右键-【属性】-【高级系统设置】-【环境变量】。
①【此计算机】-单击右键-【属性】-【高级系统设置】-【环境变量】。
② 点击[新建]进入[系统变量]。
变量名༚NODE_PATH。
变量值:D:\Program Files\nodejs\node_global\node_modules。
然后你就会发现【node_global】里面多了一个【node_modules】文件夹。
Tips: 如果输入变量值后没有自动创建【node_modules】文件夹,就在【node_global】手动创建一个【node_modules】文件夹,复制你创建的东西【node_modules】从文件夹的路径地址到变量值。
③编辑[用户变量]中的编辑【Path】。
④将默认的 C 盘下【 AppData\Roaming\npm 】修改成 【node_global】路径,点击确定。
修改前: 。
修改后:
⑤在[系统变量]中选择【Path】点击[编辑]添加【NODE_PATH】,然后一直点击[确定]。
四、测试。
配置完成后,进行测试c;测试前先检查一下刚才的配置是否正确。
npm config get prefix。
npm config get cache。
全局安装最常用的一个 express 测试模块。
npm install express -g // -g代表全局安装。
配置成功时会出现以下界面。
五、安装淘宝镜像。
①更换国内镜像源。
淘宝镜像。
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。如果你只想使用阿里巴巴的镜像单次安装命令c;可以直接添加到命令中 。
--registry。
参数:
npm install express --registry=http://registry.npm.taobao.org。
②安装cnpm(#xff09按需安装;
说明: npm是node的官方包管理器。cnpm是npm的中文版c;淘宝定制 cnpm (gzip 压缩支持) 命令行工具取代默认工具 npm。
npm install -g cnpm --registry=https://registry.npmmirror.com。
检查安装是否成功。
命令: cnpm -v。
附加:如果你有问题,你可以检查你的配置是否错了,例如,“系统找不到”cnpm’命令 。
六、安装失败检查。
①打开cmd敲击以下命令进行检查。
npm config get prefix。
npm config get cache。
②检查环境变量配置。
。
③打开安装目录,检查是否有以下文件夹。
⑤检查【node_global】里是否有【node_modules】文件夹 。
⑥上面安装的cnpm、express会出现【node_global】下的【node_modules】文件夹里 。
七、 idea配置npm。
1.找到Terminal-Shell path。
IDEA重启后执行npm install 前端文件夹需要执行 。
npm执行 run 可以启动serve 。
然后访问上面的地址是项目主页;
如果需要打包,#xff00c;执行命令:
npm run build 。
八、npm命令。
1.清除npm缓存。
npm cache clean -force。
2.重新安装依赖性。
npm install。
3.项目最终运行。
npm run serve。
4.打包。
npm run build:pro。
5.降级。
例:降级到6。
# @后续版本号,如果是大版本,更新到npm的最新小版本相应的大版本 install npm@6 -g。
# 更新到指定版本的npmm install npm@8.5.5 -g。
6.升级。
# 更新到最新版本npmmm install npm -g。
九、idea配置快速启动 。
1、点击编辑启动配置。
2、添加npm 。
3、填写相关信息 。
4、快速启动 。
10.启动vue项目失败。
1. 运行前端脚手架工程报错#xff1a; ‘vue-cli-service‘ 内部或外部命令,这不是一个可操作的程序 或批处理文件。
造成这种情况有三个原因,第一个是在我们的项目中 package.json 检查配置文件中是否有配置文件 vue-cli-server,如果没有,则需要安装,二是由于缺乏 node_modules 模块,三是网络不稳定导致运行下载时缺包。
1-1、 如果 package.json 配置没有 vue-cli-server 然后安装它,注意安装后重启编辑器启动项目避免依赖添加不生效问题 。
npm i -D @vue/cli-service。
1-2、如果 package.json 配置有 vue-cli-server 或者安装还是不好,可以看看 node_modules 工程模块是否存在,假如没有,请安装。
一般负责前端工程的兄弟在给你项目的时候,考虑到工程存储较大,为了便于传输,会优化删除 node_modules 然后发布到云,就像后端传输工程一样 target 清理是真的,因此,如果没有,则需要添加。
项目目录执行命令:
npm install。
1-3、 如果上述两个条件都存在,但还是不行也就是说,网络不稳定导致运行下载时缺少包#xff0c;可以清掉 node_modules 再次安装我有四种方法,可根据需要进行。
(1)打开cmd进入项目目录执行 rd /s /q node_modules。
rd /s /q node_modules。
(2)PowerShell 或 git bash 进入控制台命令 rm -rf ./node_modules ,Linux通用。
rm -rf ./node_modules。
(3) 使用npmrimraf工具删除,非常小的工具快速删除,Linux通用。
#添加 rimraf 工具npm install rimraf -g #命令删除rimraff node_modules。
(4)扫描删除目录中能找到的一切 node_modules 文件夹。 。
注意!此步骤将删除所有名称 node_modules 文件夹,并且不可逆,谨慎使用,如果使用,未来,计算机上的脚手架项目将重新下载 node_modules。
#Windows:FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rm -rf "%d" #linuxfind . -name "node_modules" -type d -prune -exec rm -rf '{ }' +
2.项目执行 npm install 命令错误:failed, reason: certificate has expired。
证书过期 。
证书过期 。
原因:淘宝镜像源变化。
#xff1解决方案a;
2-1.更换淘宝镜像源。
npm config set registry https://registry.npmmirror.com。
清除npm缓存。
npm cache clean --force。
2-2.如果已经安装了cnpm命令,则使用 cnpm install 命令 。
参考:cnpm install报错:报错Error: certificate has expired ,淘宝镜像证书过期解决方案_install fail! error: certificate has expired-CSDN博客 。
3.报错: failed, reason: unable to get local issuer certificate。
原因:无法获得当地颁发者证书http请求https报告SSL的错误。
取消ssl校验。
npm config set strict-ssl false。
安装成功 。
4.报错:EPERM:operation not permitted,mkdir‘xxxxxxxxxxxxxxxx‘ 。
原因:node_models没有写权限。
#xff1解决方案a;赋权文件夹。
步骤:
4-1.找到nodejs安装目录 D:\Program Files\nodejs,
4-2.鼠标右击【node_global】文件夹,点击[属性],点击[安全],选择当前用户点击[编辑],选择当前用户在[完全控制]之后,勾上或勾上所有权限,点击【确定】即可。
4-3.【node_cache】步骤同理。