‘vite’ 不是内部或外部命令,也不是可运行的程序!

项目背景

包管理工具:pnpm

提示 ‘vite’  不是内部或外部命令,也不是可运行的程序!

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第1张图片

安装条件

兼容性注意⚠️⚠️⚠️

Vite 需要 Node.js 版本 18+20+

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第2张图片

然而,有些模板需要依赖更高的 Node 版本才能正常运行,当你的包管理器发出警告时,请注意升级你的 Node 版本。

解决办法

查看当前node版本是否满足安装vite

# 查看当前系统node版本
node -v

node版本过低解决办法(一次就爽

如果您本机的node版本过低,可以查看我之前写的这篇博客:Win7 安装 NVM 实现 nodejs 多版本切换_nvm win7-CSDN博客

# 核心命令

# 查看nvm版本
nvm -v

# 查看可安装node版本
nvm list available

# 安装指定node版本
nvm install 20.10.0

# 查看已安装node版本
nvm ls

# 切换node版本
nvm use 16.17.0

# 查看当前使用node版本
node -v

当然啦,博客中包含但不限于win7的指导。

切换node版本

安装好v20.10.0的node版本(你也可以安装其他版本18+ ,20+)

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第3张图片

随即执行版本查看,切换版本,版本查看命令:

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第4张图片

安装vite

来到vscode终端,执行 npm install -g vite 命令:

# 全局安装vite
npm install -g vite

咦?出现如下报错

提示淘宝镜像vite安装路径请求失败!原因证书过期 。竟然过期那么就用默认镜像安装吧。

# 查看当前注册表配置信息
npm config get registry

# 删除淘宝镜像源
npm config delete registry https://registry.npm.taobao.org

如果您对npm镜像源管理不够了解,请您移步查阅这篇文章:

npm 镜像源切换与设置-CSDN博客

执行vite全局安装命令

安装项目依赖

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第5张图片

运行项目

执行 pnpm dev 或 pnpm run dev

‘vite’ 不是内部或外部命令,也不是可运行的程序!_第6张图片

恭喜你项目运行成功啦~

你可能感兴趣的:(npm,NodeJS,vite,npm,node.js)