本文介绍: Node.js一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js一个开源的、跨平台的 JavaScript 运行环境。Node.js 使用一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器

注意:如果需要动态灵活管理Node.js版本 ,或者要切换Node.js的版本,不想卸载重装的话,可以查看我这篇最新博文: 安装配置nvm-windows对Node.js与npm进行版本控制。这篇文章也有部分内容本篇重复

Node.js一个基于 Chrome V8 引擎的 JavaScript 运行环境
Node.js 是一个开源的、跨平台的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是目前最流行的Node.js 的包管理器

一、安装Node.js

在CMD中输入nodevnpmv显示下图中的错误信息,则表示你的机器上没安装nodejs配置全局变量,造成无法在全局使用
在这里插入图片描述

下载的为 Windows版本的nodev18.16.0-x64 .msi
官网 https://nodejs.org/en/download
中文官网 https://nodejs.org/zhcn/download
在这里插入图片描述
在这里插入图片描述

二、安装配置

2.1 采用默认安装

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

在这里插入图片描述

2.2 配置环境变量

配置用户变量NODE_PATH系统变量Path

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

2.3 检测path正常与Node.jsnpm安装

#检测path正常
path 或者 echo %path%

#检测Node.js
node -v

#检测npm
npm -v

在这里插入图片描述

2.4 配置npm

Node.js安装目录新建node_global&node_cache文件夹

#node_globalnpm全局模块路径
#node_cache是npm使用时的cache即缓存配置路径

在这里插入图片描述
在CMD中使用npm config 中的npm config set命令配置node_globalnode_cache文件夹

npm config set prefix "D:nodejsnode_global"
npm config set cache "D:nodejsnode_cache"

在这里插入图片描述
在CMD中使用nmp config 中的npm config set命令配置镜像regisry

#npm config set registry 设置镜像站
npm config set registry=http://registry.npm.taobao.org

在这里插入图片描述
使用npm config getnpm config list命令获取配置信息
在这里插入图片描述

npm info vue 需要管理员身份打开CMD后,输入npm info vue

使用管理员身份打开CMD输入指令报错
在这里插入图片描述
使用管理员身份打开CMD输入指令
在这里插入图片描述
在这里插入图片描述

使用过一段时间后的node_cache文件夹产生的缓存文件
在这里插入图片描述

扩展信息(可跳过):

npm 是世界上最大软件注册表。 来自各大洲的开源开发者使用 npm 来共享和借用包,许多组织也使用 npm 来管理私有开发。

npm 由三个不同组件组成:
网站
命令行接口 (CLI)
注册表
使用 网站 发现包、设置配置文件管理 npm 体验的其他方面。 例如,你可以设置 组织管理公共私有包的访问。

CLI 从终端运行,是大多数开发者与 npm 交互方式注册表 是 JavaScript 软件及其周围元信息的大型公共数据库。

#使用 npm 去 . . .
为你的应用程序调整代码包,或按原样合并包。
下载可以立即使用的独立工具。
使用 npx 运行包而不下载。
随时随地与任何 npm 用户共享代码。
将代码限制为特定的开发者创建组织以协调包维护、编码开发者通过使用组织形成虚拟团队管理多个版本的代码代码依赖项。
更新底层代码时轻松更新应用程序发现解决同一个难题的多种方法。
寻找正在处理类似问题项目的其他开发者

扩展链接
1、关于 npm
2、npm CLI
——- CLI 命令
——- 配置npm
——–使用 npm

三、IDEA中Node.js环境下npm报错error:0308010C

3.1 在ideaterminal获取管理员权限

在这里插入图片描述

这里介绍两个npm CLI指令:

#此命令安装一个包和它所依赖的任何包。 如果包有一个包锁,或者一个 npm 收缩封装文件,或者一个纱线锁文件依赖项的安装将由
#它驱动,遵循以下优先顺序:npm-shrinkwrap.jsonpackage-lock.jsonyarn.lock
#npm  install

#运行dev模块(运行任意脚本、这会从包的 "scripts" 对象运行任意命令)
#npm run dev

详情:
npm-install
npm-run-script

3.2 npm install

cd进入前端文件夹Ruoyiui,执行npm install
在这里插入图片描述
在这里插入图片描述

3.3 npm run dev

在这里插入图片描述
Error:0308010C:digital envelope routines::unsupported

问题是因为Node.js的版本原因,此处安装的Node.js是最新长期维护版: 18.16.0 (includes npm 9.5.1)

有两种解决办法

#1方法重新安装低版本node.js

#2方法二
在package.json文件中进行配置【此种方法简单

package.json 文件的 “scripts” 属性支持许多内置脚本及其预设的生命周期事件以及任意脚本。 这些都可以通过运行 npm runscript 或简称 npm run执行具有匹配名称的前置和后置命令也将为这些运行(例如 premyscriptmyscriptpostmyscript)。 来自依赖项的脚本可以使用 npm explore – npm run 运行。

打开项目目录点击npm相关package.json文件
在这里插入图片描述
package.json配置SET NODE_OPTIONS
在这里插入图片描述
配置完成后再次执行npm run dev,成功编译完成。(下方的Proxy error,是因为后端服务没有开启。)
在这里插入图片描述

四、参考资料

Latest LTS Version: 18.16.0 (includes npm 9.5.1)
最新长期维护版: 18.16.0 (includes npm 9.5.1)
(全网最详细!!)npm:无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
欢迎使用 Node.js 中文网(Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。)
npm-install (安装包)
npm-run-script (运行任意包脚本)
package.json (npm 的 package.json 处理细节)
使用 npm
developers 开发者指南 (使用 npm 来开发(并且可能发布/部署)你的项目)
scripts-脚本(npm 如何处理 “scripts” 字段)

Vue 报错error:0308010C:digital envelope routines::unsupported
nodejs新版本引起的:digital envelope routines::unsupported
nodejs新版本引起的:digital envelope routines::unsupported

Vue-CLI的安装、使用及环境配置(超详细)
npm全局安装失败,报-4048错误(npm ERR code EPERMnpm ERR syscall mkdirnpm ERR path C:…)
npm install -g @vue/cli 安装vue脚手架报错(一般都能解决)
npm 启动项目遇到的问题

原文地址:https://blog.csdn.net/qyfx123456/article/details/131173811

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_31820.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注