需安装language-vue和atom-ide-vue插件，并在config.cson中配置customFileTypes映射source.ts、source.jsx、source.css.scss到vue，同时确保language-vue启用且无冲突插件劫持语法作用域。
Vue单文件组件（.vue）不识别语法高亮
Atom 默认不支持 .vue 文件，打开后全是纯文本，<template>、<script>、<style> 块全无颜色区分。这不是 Atom 坏了，是缺语言包。
必须手动安装两个核心插件：language-vue（提供基础语法识别）和 atom-ide-vue（增强支持，比如 <script setup> 和 TypeScript）。别装 vue-fmt 或 vue-snippets 这类非必要插件——它们不解决高亮问题，还可能冲突。
- 在 Atom 设置里搜
language-vue，点 Install；装完重启 Atom - 再搜
atom-ide-vue，Install；它依赖atom-ide-ui，会自动提示安装，按提示操作即可 - 确认
Settings → Core → File Icon Providers里没禁用file-icons（可选，但能让你的.vue文件在树视图里显示 Vue 图标）
script 标签里 TypeScript 或 JSX 语法不着色
<script lang="ts"> 或 <script lang="jsx"> 内容灰扑扑？说明 language-vue 没把语言委托给对应解析器。
需要手动配置语言映射：打开 Atom 的 config.cson（Atom → Config… → Open Config Folder），在 core 下加一段：
立即学习“前端免费学习笔记（深入）”；
customFileTypes:
"source.ts": [
"vue"
]
"source.jsx": [
"vue"
]
注意不是 "source.typescript" —— Atom 内部用的是 source.ts 这个作用域名。改完保存，重启 Atom。否则哪怕装了 language-typescript，也不会生效。
style 标签中 SCSS/Less 不高亮、不补全
<style lang="scss"> 里写 $color: red; 还是白字？因为 Atom 默认只认 css，不认识 scss 或 less。
- 装
language-sass（支持scss和sass）或language-less - 同样要进
config.cson配置映射："source.css.scss": ["vue"]（注意不是source.sass） - 如果用了
postcss或cssnext语法，别指望 Atom 高亮——它没对应 language 包，建议降级用标准 CSS 或 SCSS
高亮正常但代码折叠/跳转失效
能看清颜色，但 Ctrl+Click 点不进组件，或者 <template> 折叠按钮不出现？这是 scope（作用域）没对齐导致的 IDE 功能断连。
atom-ide-vue 依赖正确的 TextMate 语法 scope。检查当前文件右下角状态栏：光标停在 <script> 里时，应显示 source.vue source.js；若只显示 text.html.vue，说明 language-vue 没加载成功，或被其他插件（如 language-html）劫持了文件类型关联。
- 右键文件 →
Language Mode → Vue，强制指定一次 - 进
Settings → Packages → language-vue → Settings，确认Enable for .vue files是勾选状态 - 禁用所有非必要的 HTML 相关插件（如
html-id-class-snippets），它们常偷偷覆盖.vue的 grammar
Vue 单文件组件的语法高亮本质是“多语言嵌套”，Atom 的机制是靠一层层 scope 委托实现的。哪一环断了，后面所有功能都哑火——不是配少了，而是配错了 scope 名或加载顺序。
