WebStorm 默认不校验 vue.config.js、tsconfig.json 等配置文件的 JSON 结构合法性，仅做基础语法检查；需手动启用 JSON Schema 校验并关联对应 Schema 才能识别字段拼写、值类型等错误。
WebStorm 默认不校验 vue.config.js、tsconfig.json 等配置文件里的 JSON 结构，除非你明确告诉它“这是配置文件，按 JSON Schema 验证”——否则写错字段名、拼错布尔值、漏掉必填项，IDE 都不会标红。
为什么 tsconfig.json 有时不报错？
WebStorm 解析 tsconfig.json 时，只做基础 JSON 语法检查（比如逗号遗漏、引号不闭合），但不会校验字段合法性。例如把 "jsx" 写成 "jxs"，或把 "moduleResolution": "node" 错写成 "moduleResolution": "nod"，IDE 不会提示。
- 根本原因是：WebStorm 没绑定 TypeScript 官方提供的
tsconfig.jsonSchema - 即使项目装了
typescript，IDE 也不会自动加载其内置 Schema，必须手动关联 - 校验开关默认关闭：Settings > Editor > Inspections > JSON > JSON schema validation → 必须勾选
如何让 vue.config.js 或 vite.config.ts 获得类型提示？
这类文件本质是 JS/TS 模块，不是纯 JSON，但 WebStorm 对它们的类型推断依赖两件事：是否识别为“配置文件”，以及是否能 resolve 到对应库的类型定义。
-
vue.config.js：需确保项目已安装@vue/cli-service，且 WebStorm 已加载其类型声明（通常通过node_modules/@vue/cli-service自动发现） -
vite.config.ts：必须有import { defineConfig } from 'vite'，且defineConfig的返回类型要能被 TS 服务解析；若标红，先检查node_modules/vite是否存在、types字段是否导出正确 - 如果 import 报红但编译正常，大概率是 WebStorm 没识别到
vite的类型包路径——进 Settings > Languages & Frameworks > JavaScript > Libraries，点 + 添加node_modules/vite/types目录
jsconfig.json 和 tsconfig.json 的校验差异
两者都用 JSON 格式，但 WebStorm 处理方式不同：
立即学习“前端免费学习笔记（深入）”；
-
jsconfig.json：仅当项目是纯 JS（无typescript依赖）时生效；WebStorm 不自带其 Schema，需手动指定外部 Schema URL（如https://json.schemastore.org/jsconfig.json） -
tsconfig.json：只要项目含typescript包，WebStorm 就能自动匹配官方 Schema，但前提是：compilerOptions下字段必须在 Schema 允许范围内；"types": ["vue"]这类自定义字段不会被校验，属于合法扩展 - 常见坑：
include/exclude写错路径模式（如用src/**漏掉末尾/*），WebStorm 不报错，但 TS 服务实际不生效
真正容易被忽略的是：WebStorm 的 JSON Schema 校验只作用于文件内容本身，不感知项目上下文。比如 tsconfig.json 里写了 "types": ["unplugin-vue-components"]，但项目没装这个包——IDE 不会提醒你缺依赖，只会等你写 import 时才报错。校验和类型系统是两层事，别指望一个开关解决所有问题。
