Atom默认不识别.vue文件，必须同时安装language-vue和atom-ide-vue插件，并在config.cson中配置customFileTypes映射source.ts、source.js、source.css.scss等至vue，否则和无法正确高亮。
Atom 默认打开 .vue 文件就是纯灰文本，不是配置错了，是它压根不认识这个文件类型——必须装插件 + 配置映射，缺一不可。
为什么 <script setup></script> 里 TypeScript 不着色、
根本原因是 Atom 没把 .vue 当作一个完整语法单元处理，而是降级为 text.html.vue，导致 <script></script> 和 块无法委托给对应的解析器（如 language-typescript 或 language-sass）。
- 只装
language-vue：能分块（/<script></script>），但对setup、defineProps、TS/JSX/SCSS 支持极弱 - 只装
atom-ide-vue：连基础高亮都没有，状态栏显示text.html.vue就说明完全失效 - 装了但没重启 Atom：插件加载依赖启动时扫描，不重启等于没装
- 装了插件但没配
customFileTypes：TS/JSX/SCSS 内容不会被正确识别 scope，高亮断层
必须安装的两个插件及启用顺序
进 Settings → Install，严格按顺序操作：
- 搜
language-vue→ 点Install→ 安装完**立即重启 Atom** - 再搜
atom-ide-vue→ 点Install→ 它会自动提示装atom-ide-ui，点OK - 别装
vue-fmt、vue-snippets、vue-syntax-highlight：它们不提供 TextMate scope，反而可能劫持文件关联
装完后，打开任意 .vue 文件，右下角应显示 Vue Component 或 source.vue；若仍为 text.html.vue 或 Plain Text，说明任一环节失败。
必须改 config.cson 的 customFileTypes 映射
打开命令面板（Ctrl+Shift+P），输入 Open Your Config 回车，编辑 config.cson，在 core: 下添加：
Element Plus Vue3 桌面组件库。在开发 Vue 3.x 页面时调用，使用 Element Plus 组件（如 el-button、el-input、el-form、el-table 等）。
customFileTypes: "source.ts": ["vue"] "source.js": ["vue"] "source.css.scss": ["vue"] "source.css.postcss": ["vue"]
这段配置告诉 Atom：.vue 文件里的 <script lang="ts"></script> 内容交给 language-typescript 解析， 交给 language-sass 解析。没有它，TS 关键字、SCSS 变量、嵌套规则全灰。
- 如果已装
language-typescript但<script lang="ts"></script>还是灰字，99% 是这里漏了"source.ts": ["vue"] - 不加
"source.css.postcss"，lang="postcss"会 fallback 成普通 CSS，@apply/@layer 不高亮 - 改完保存即可，不用重启，但需重新打开
.vue文件生效
验证是否真正生效的三步法
别信状态栏显示，直接查底层作用域链：
- 光标停在
defineProps上 →Ctrl+Shift+P→ 执行Editor: Log Cursor Scope→ 控制台第一行应含support.function.define-props.vue（不是entity.name.function或text.html.vue） - 光标停在 SCSS 变量如
$primary-color上 → 输出应含variable.other.custom.css.scss - 按
Ctrl+Click点击一个函数名 → 若全文同名标识符高亮（靠highlight-selected插件），说明 grammar 已接管；若无反应，大概率 scope 没匹配上
最常被忽略的是：自定义语法映射和插件启用必须同时到位，且 language-vue 必须用最新版（旧版注册的 scope 名是 text.html.vue，新版才是 source.vue）。一旦 scope 名错一个字符，整个高亮链就断了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
