WebStorm 默认用ES5解析JS，需手动设JavaScript language version为ES6+，并检查jsconfig.json/tsconfig.json覆盖、下载ECMAScript库、配置.vue文件的XML Tag Injection。
WebStorm 默认不识别 ES6 语法，const、let、箭头函数、解构、import/export 全部标红，不是代码错，是 IDE 没配对解析器。
JavaScript language version 必须手动设为 ES6+
这是最基础、也最容易被跳过的一步。WebStorm 新建项目默认用 ECMAScript 5 解析 JS 文件，哪怕你写的全是合法 ES2022 代码，也会报红。
- 路径：
File → Settings → Languages & Frameworks → JavaScript（macOS 是WebStorm → Preferences） - 下拉选择
ECMAScript 6或更高版本（如ECMAScript 2021，取决于你实际用的特性） - 勾选
Prefer strict mode（避免隐式全局等老问题） - 改完点
Apply，但已打开的 JS 文件不会自动刷新——需手动按Ctrl + Shift + O（Windows/Linux）或Cmd + Shift + O（macOS）重载
jsconfig.json 或 tsconfig.json 会覆盖 Settings 设置
如果项目根目录存在 jsconfig.json 或 tsconfig.json，WebStorm 会优先读取其中的 "target" 和 "lib" 字段，此时上面 Settings 里的版本设置完全失效。
- 检查项目根目录是否有
jsconfig.json（前端项目常见）或tsconfig.json（TS 或 JS 混合项目） - 打开该文件，确认
"compilerOptions": { "target": "es2017" }这类配置是否合理；若设为"es5"，就算你写了?.可选链也会报错 - 如果没看到右上角提示
Config file detected: jsconfig.json，说明 WebStorm 没识别到——可能是文件被 Git 忽略、放错目录，或需重启 IDE 强制扫描
ES6 语法不报错 ≠ 内置 API 有类型提示
设成 ECMAScript 2021 后，const a = () => {} 不再标红，但 Promise.allSettled、Array.from、Object.hasOwn 还可能划红线——因为 WebStorm 不知道这些全局对象在当前环境是否存在。
- 进
Settings → Languages & Frameworks → JavaScript → Libraries - 点
Download，选中对应版本的ECMAScript 6或ECMAScript 2021，点Download and Install - 确保下方列表里勾选了刚下载的库；没勾选等于白装
- 若项目跑 Node.js 环境，还要额外加
Node.js Core库，否则process、Buffer仍报错
.vue 文件里 ES6 语法仍报红？XML Tag Injection 是关键
即使 JS 文件全绿，.vue 中的 <script> 块里写 const 或解构依然标红——因为 WebStorm 默认把 <script> 当作普通文本处理，不启用 JS 解析器。
- 打开
Settings → Editor → Language Injections - 点
+添加新注入，Type 选JavaScript - Place selection 里填
script[lang=javascript]或更宽泛的script（视你<script>标签是否带lang属性） - 作用范围选整个项目，或限定
*.vue文件 - 保存后，
.vue里的 JS 代码就能获得完整 ES6 语法高亮、补全和错误检查
真正麻烦的从来不是装插件或敲命令，而是 WebStorm 在多个配置层（Settings / config JSON / Library / Injection）之间静默切换解析逻辑——一个没对齐，就满屏红。尤其多人协作时，别人不报错，你全红，八成是 jsconfig.json 被你本地忽略了，或者 .vue 注入没开。
