已安装Vitest但执行vitest --ui提示命令不被识别的问题

问题描述 #

在项目目录执行pnpm add -D vitest和pnpm add -D @vitest/ui完成安装后，运行vitest --ui出现错误：

vitest : The term 'vitest' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.

解决方案 #

• 通过pnpm直接调用本地包命令
  本地安装的依赖不会自动添加到系统环境变量中，需通过pnpm来执行：

  pnpm vitest --ui
  

• 在package.json中添加脚本命令
  在项目的package.json里添加自定义脚本，后续通过pnpm run执行：

  {
    "scripts": {
      "test:ui": "vitest --ui"
    }
  }
  

  保存后运行：

  pnpm run test:ui
  

• 验证安装是否成功
  检查项目node_modules/.bin目录下是否存在vitest可执行文件，或运行以下命令确认安装状态：

  pnpm list vitest
  

  若显示无相关包，重新执行安装命令确保安装完成。

• 全局安装vitest（不推荐）
  若需要直接使用vitest命令，可全局安装（可能导致项目版本不一致，谨慎使用）：

  pnpm add -g vitest
  

内容的提问来源于stack exchange，提问作者FeelRightz