注意:如果需要动态灵活管理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中输入node -v和npm -v显示下图中的错误信息,则表示你的机器上没安装nodejs或未配置全局变量,造成无法在全局使用。

下载的为 Windows版本的node-v18.16.0-x64 .msi 官网 https://nodejs.org/en/download 中文官网 https://nodejs.org/zh-cn/download

二、安装配置

2.1 采用默认安装

2.2 配置环境变量

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

2.3 检测path正常与Node.js和npm安装

#检测path正常

path 或者 echo %path%

#检测Node.js

node -v

#检测npm

npm -v

2.4 配置npm

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

#node_global是npm的全局模块的路径

#node_cache是npm使用时的cache即缓存的配置路径。

在CMD中使用npm config 中的npm config set命令配置node_global和node_cache文件夹

npm config set prefix "D:\nodejs\node_global"

npm config set cache "D:\nodejs\node_cache"

在CMD中使用nmp config 中的npm config set命令配置镜像-regisry

#npm config set registry 设置镜像站

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

使用npm config get 和npm 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 在idea的terminal中获取管理员权限

这里要介绍两个npm CLI指令:

#此命令安装一个包和它所依赖的任何包。 如果包有一个包锁,或者一个 npm 收缩封装文件,或者一个纱线锁文件,依赖项的安装将由

#它驱动,遵循以下优先顺序:npm-shrinkwrap.json、package-lock.json、yarn.lock

#npm install

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

#npm run dev

详情: npm-install npm-run-script

3.2 npm install

cd进入前端文件夹Ruoyi-ui,执行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 run-script 或简称 npm run 来执行。 具有匹配名称的前置和后置命令也将为这些运行(例如 premyscript、myscript、postmyscript)。 来自依赖项的脚本可以使用 npm explore – npm run 运行。

打开项目目录,点击npm相关的package.json文件 package.json的scripts参数中配置SET NODE_OPTIONS

"scripts": {

"dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

"build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",

"preview": "node build/index.js --preview",

"lint": "eslint --ext .js,.vue src"

},

配置完成后再次执行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 启动项目遇到的问题

参考阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: