如何在VS Code中将*.e2e.ts关联为TypeScript测试文件？

1. 确保文件关联为TypeScript #

打开VS Code的用户设置（快捷键Ctrl+,），点击右上角的「打开设置(JSON)」图标，添加以下配置，确保.e2e.ts文件被识别为TypeScript类型：

"files.associations": {
  "*.e2e.ts": "typescript"
}

2. 标记文件为测试文件 #

VS Code通过testing.testFilePatterns配置识别测试文件，默认仅包含.test.ts和.spec.ts类文件。扩展该配置，把.e2e.ts加入测试文件匹配规则：

"testing.testFilePatterns": [
  "**/*.{test,spec,e2e}.{ts,tsx,js,jsx}"
]

保存配置后，VS Code会自动将所有.e2e.ts文件标记为测试文件，对应的资源管理器和标签页图标会切换为橙色的TypeScript测试图标。

3. 第三方图标主题适配（可选） #

如果你使用的是第三方图标主题（如vscode-icons），默认可能不支持.e2e.ts的测试图标，可添加以下配置自定义图标关联：

"vsicons.associations.files": [
  {
    "icon": "typescript-test",
    "extensions": ["e2e.ts"],
    "format": "svg"
  }
]

记得先确保当前使用的是vscode-icons主题：

"workbench.iconTheme": "vscode-icons"

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