vue文件类型未识别导致红色波浪线，根本原因是webstorm未将.vue文件关联至vue.js template类型且未启用官方vue.js插件；需在settings→plugins中启用vue.js插件，在file types中为vue.js template添加.vue模式，并确保.vue未被html类型错误捕获。
Vue文件类型没被识别，.vue 里全是红色波浪线
WebStorm 默认不把 .vue 当作 Vue 单文件组件处理，它可能当成纯文本或 HTML，导致 <script setup></script>、<style scoped></style> 等语法无法解析。必须手动关联文件类型并启用 Vue 插件。
操作要点：
- 确认已安装官方
Vue.js插件：Settings → Plugins → 搜索Vue.js→ 勾选启用（不是Vue Language Features或第三方插件） - 检查文件类型映射：Settings → Editor → File Types → 找到
Vue.js Template→ 在Registered Patterns里确保有*.vue - 如果
Vue.js Template不存在，点击右上角+新建，Name 填Vue.js Template，Pattern 填*.vue - 别漏掉
File Types → HTML页面：确认*.vue不在它的 Registered Patterns 里——否则会被降级为普通 HTML 解析
ESLint 报错但项目能跑，prettier 格式化后反而更乱
根本原因是 WebStorm 的内置格式化器和项目级的 ESLint/prettier 规则打架。WebStorm 默认用自己那套缩进、分号、引号逻辑，而 Vue CLI 项目通常禁用分号、用单引号、2空格缩进。
关键动作：
