You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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:设为true
    • vitest.enable:设为true
  • 重置测试视图状态
    若以上操作无效,打开命令面板执行「Testing: Reset Test Explorer State」,之后重启VS Code再查看测试侧边栏。

内容的提问来源于stack exchange,提问作者bobsy101

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 10:25:01