WebStorm所有文件变灰/报错，是因在JSON类型的Registered Patterns中误加了，导致匹配优先级最高而覆盖其他类型；修复需删除JSON和Text类型下的及*.env等冗余模式，并重载文件。
所有文件变灰/报错：JSON类型里误加了*
这是最典型的连锁故障：有人想让某个配置文件走JSON校验，顺手在JSON类型的Registered Patterns里加了*，结果整个项目代码失去高亮，console.log被标红，import语句失效。
修复只需三步：
- 打开
Settings → Editor → File Types，左侧选JSON - 右侧
Registered Patterns中找到*，点-删除 - 顺手检查
Text类型下有没有*.*或*，一并删掉
改完不用重启，但已打开的文件不会自动刷新类型——右键标签页 → Reload from Disk，或直接关闭再重开。注意：*匹配优先级最高，它一旦存在，其他所有模式都失效。
.env不识别变量高亮：没挂到Shell Script类型
WebStorm默认把.env当纯文本，$NODE_ENV不补全、#不识别为注释、等号两侧没空格也不报错。根本原因不是插件问题，而是文件名模式没注册到正确类型。
操作路径清晰：
- 进
Settings → Editor → File Types，左侧找到Shell Script（不是Text或Properties） - 右侧
Registered Patterns点+，输入*.env - 回头检查
Text类型里是否也注册了*.env，有就删掉——一个文件只能被一种类型捕获
改完后，已打开的.env文件必须手动重载，否则高亮不会出现。另外，.env.local这类变体需单独加*.env.*，*通配符不继承子扩展名。
tsconfig.json无Schema校验：只配了类型，没配Schema映射
文件显示为JSON类型不代表就有校验。常见现象是：没有属性补全、改错字段名不报错、状态栏显示No JSON schema。这和文件关联无关，而是Schema Mapping没生效。
关键步骤缺一不可：
- 确认
tsconfig.json确实被识别为JSON类型：右键文件 →Override File Type应显示JSON被勾选 - 进
Settings → Languages & Frameworks → Schemas and DTDs → JSON Schema Mapping - 点
+→Add Schema Mapping Pattern，Pattern填tsconfig.json（不能写*.json），Schema选https://json.schemastore.org/tsconfig - 确保
Remote JSON Schemas里启用了自动下载
用*.json全局匹配会污染package.json、jest.config.json等文件，导致它们也套用tsconfig Schema而报错。
Vue单文件组件报红：.vue没绑定到HTML或Vue.js类型
Vue文件模板部分标红、<script setup>语法不识别、<style scoped>里CSS类名无提示，大概率是.vue后缀没挂对类型。
分两种情况处理：
- 如果已安装官方
Vue.js插件：在File Types里找到Vue.js类型，加*.vue；不要同时在HTML里也加，否则会冲突 - 如果没装插件或插件失效：退而求其次，把
*.vue加到HTML类型下，至少能保模板语法高亮
注意：.vue是固定后缀，不能写*.vue.*，否则App.vue.ts这类命名不会匹配。另外，插件未启用时，File Types列表里根本不会出现Vue.js项——先去Settings → Plugins确认插件已启用且没报错。
真正容易被忽略的是：WebStorm不按“文件后缀→语言服务”的线性逻辑工作，而是靠Registered Patterns逐条比对，一旦命中就停止。所以tsconfig.json和*.json共存时，前者优先生效；但如果你只加了后者，那所有JSON文件都会走同一套规则，包括那些不该有TypeScript Schema的配置文件。
