vscode-icons 默认不自动区分 React 组件和普通脚本，需项目含 react 依赖且文件名/路径符合约定；可通过 settings.json 配置 "typescriptreact": "react_tsx" 强制 .tsx 显示 React 图标。
vscode-icons 会自动识别 .tsx 和 .jsx 文件吗
不会自动区分 React 组件和普通脚本文件——它只看扩展名和项目上下文。默认情况下，.tsx 被识别为 TypeScript 文件，.jsx 被识别为 JavaScript 文件，图标和普通 .ts/.js 一样。
真正触发 React 专属图标（比如带 React 标志的组件图标）的关键是：项目根目录存在 package.json 且其中声明了 react 或 @types/react 依赖，同时文件路径或命名符合常见组件约定（如位于 src/components/、文件名含 Component、或以大写字母开头）。
- 如果项目没装 React 相关依赖，
vscode-icons不会启用 React 检测逻辑 - 即使有依赖，单个
utils.js这类名字也不会变成组件图标；但Button.jsx或Header.tsx更容易被识别 -
vscode-icons的检测逻辑在src/iconsManifest/supportedExtensions.ts中定义，React 相关规则绑定在react类型下，非扩展名直连
怎么强制让 Button.tsx 显示 React 组件图标
靠改扩展名不行（.tsx 已是最优），得用 vscode-icons 提供的「自定义文件关联」机制。核心是告诉插件：“这个扩展名，按 React 组件处理”。
打开 VSCode 设置（Cmd+, 或 Ctrl+,），搜索 icon associations，找到 File Icon Theme: Default Associations，点击右侧“编辑 in settings.json”。
- 添加这一行：
"typescriptreact": "react_tsx" - 如果还想覆盖 JSX：
"javascriptreact": "react_jsx" - 保存后，所有
.tsx和.jsx文件立刻显示 React 图标，无需重启
注意：react_tsx 和 react_jsx 是 vscode-icons 内置的图标 ID，不是随便写的字符串；拼错会导致图标回退到默认。
构建 Shopify 嵌入式应用（Embedded App）的开发技能：基于 @shopify/shopify-app-react-router + React Router v7 + Admin API 2026-04。覆盖 shopifyApp 配置、authenticate.admin 的 GraphQL/REST 调用、Webhook 校验、Session 存储、订阅计费、App Bridge 导航、部署，并新增：适用场景判断、安全最佳实践、错误处理与容错、最佳实践、常见问题 FAQ、高级场景。G
Material Icon Theme 能否实现同样效果
可以，但配置方式不同。Material Icon Theme 不依赖项目检测，而是纯靠文件扩展名映射 + 用户覆盖。
它默认就把 .tsx 和 .jsx 映射到了 React 图标（只要主题版本 ≥ 4.5.0）。如果你发现没生效，大概率是：你手动覆盖了 material-icon-theme.files.associations，或者设置了 "workbench.iconTheme": "null" 关闭了图标主题。
- 检查当前生效的主题：
Preferences: File Icon Theme→ 确认选中的是Material Icon Theme - 确认没有冲突配置：在
settings.json中搜files.associations，删掉可能覆盖.tsx的条目 - 想微调？加这段：
"material-icon-theme.files.associations": { "*.tsx": "react_tsx" }（注意这里值是字符串，不是对象）
为什么改了配置还是不显示组件图标
最常见的三个断点位置：
-
图标主题没激活：执行
Preferences: File Icon Theme，确认列表里有勾选，且不是None -
扩展未启用或版本过旧：去扩展面板搜
vscode-icons，检查是否已启用、是否为最新版（2026 年最新版已支持 Vite + React 19 的新文件结构） -
VSCode 缓存未刷新：改完
settings.json后，执行Developer: Reload Window，别只 Ctrl+S 就以为完事
还有一个隐蔽点：某些工作区设置了 "workbench.iconTheme": ""（空字符串），会覆盖全局设置，优先检查 .vscode/settings.json。
