VS Code测试侧边栏缺失求助:右键无相关选项
VS Code中Vitest测试侧边栏不显示的解决步骤
安装并启用Vitest扩展
打开VS Code扩展面板(快捷键Ctrl+Shift+X),搜索「Vitest」,确认扩展已安装且处于启用状态,未启用则点击启用按钮。配置Vitest项目文件
项目根目录必须存在vitest.config.js(或.ts)配置文件,基础配置示例如下:import { defineConfig } from 'vitest/config'; import react from '@vitejs/plugin-react'; export default defineConfig({ plugins: [react()], test: { environment: 'jsdom', // React测试需指定jsdom环境 globals: true, }, });若没有该文件,手动创建并添加适配你项目的配置。
确认测试文件命名合规
Vitest默认识别*.test.jsx/*.spec.jsx这类命名的测试文件,确保你的basic.test.jsx符合规则,且文件未被VS Code的files.exclude配置排除(可检查.vscode/settings.json)。手动触发测试检测
打开命令面板(Ctrl+Shift+P),执行「Vitest: Enable Vitest」或「Vitest: Run All Tests」命令,强制触发VS Code识别测试文件。检查VS Code核心设置
打开用户设置(Ctrl+,),确认以下配置为启用状态:testing.enabled:设为truevitest.enable:设为true
重置测试视图状态
若以上操作无效,打开命令面板执行「Testing: Reset Test Explorer State」,之后重启VS Code再查看测试侧边栏。
内容的提问来源于stack exchange,提问作者bobsy101
相关产品推荐
相关产品推荐

