分享缩略图

分享到:
链接已复制
首页> 新闻中心>

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】步骤同理。

4-3.【node_cache】同样的步骤。4-4.再次执行命令 npm install   。总结:处理上述任何步骤,最好重启编辑器后,重新启动项目。

【责任编辑:新华网】
返回顶部