Atom不支持单文件多语言高亮，需依赖插件的Tree-sitter或scope嵌套定义；.vue/.md/.tsx部分区域不亮，根本原因是未正确识别嵌套子语言，如被当作文本，须换用language-vue-component并确认注册source.ts子scope。

Atom 本身不支持“单文件内多语言语法高亮”——比如一个 .vue 文件里， 用 HTML 规则、<script></script> 用 JS 规则、 用 CSS 规则，这种能力**必须依赖对应 language 插件的 Tree-sitter 支持或 scope 嵌套定义**，不是 Atom 编辑器自带功能。

为什么 .vue / .md / .tsx 文件里部分区域不亮？

根本原因不是插件没装全，而是 Atom 没把嵌套块识别为子语言。例如：

• <script lang="ts"></script> 块被当成普通文本，因为 language-vue 默认只处理 lang="javascript"；需换用 language-vue-component 并确认它注册了 source.ts 子 scope
• ```python 代码块在 Markdown 中不亮，是因为 language-gfm（GitHub Flavored Markdown）未启用 language-python 的嵌套 grammar，或未在 config.cson 中配置 gfm: { grammars: ['source.python'] }
• .tsx 文件中 JSX 标签无高亮，说明 language-typescript-react 提供的 source.tsx scope 没被正确注入到
  等标签层级，而只是覆盖了顶层 JS 部分

  如何验证嵌套语法是否生效？

  不能只看整体颜色，要查光标所在位置的完整作用域链：

  • 把光标停在 <script></script> 内部任意函数名上（如 setup()），按 Ctrl+Shift+P → 输入并执行 Editor: Log Cursor Scope
  • 看控制台输出的第一行：如果是 source.vue source.js entity.name.function.js，说明嵌套成功；若只有 text.html.vue 或 source.vue，说明子 grammar 没加载
  • 新建未保存的 .vue 文件默认是 text.plain，必须先保存为 .vue 后缀，再手动点击右下角切换为 Vue Component 才可能触发嵌套解析

  哪些插件真正支持混合语法？

  不是所有同名插件都等效，scope 名和嵌套逻辑差异极大：

  

  极简智能王

  一款集合AI聊天、绘画、写作、翻译和编程等能力的综合型AI助手，帮助用户处理多种日常学习与工作任务。

  下载

  • language-vue-component：提供 source.vue + source.js/source.ts 嵌套，比官方 language-vue 更可靠；但需禁用 grammar-selector 插件，否则会强制覆盖
  • language-markdown（非 language-gfm）：对 ``` 块支持更保守；若要用 language-python 高亮代码块，必须确保其 fileTypes 映射包含 source.gfm，并在 config.cson 中加：

    core:<br>  fileTypes:<br>    '.md': 'source.gfm'

  • language-typescript-react：注册 source.tsx，能识别 const Comp = () =>
    ...> 中的 JSX；但若你用的是旧版 language-typescript，它根本不处理 标签，只会当纯 TS 解析

    自定义嵌套语法（如 protobuf + JSON 混合）

    Atom 允许通过 CSON 语法文件声明嵌套规则，但必须手动写 include 和 begin/end：

    • 在 ~/.atom/grammars/ 下建 proto-json.cson，内容含：

      'scopeName': 'source.protojson'<br>'patterns': [<br>  {<br>    'begin': 'json_content: \'<br>    'end': '\''<br>    'contentName': 'source.json'<br>    'include': 'source.json'<br>  }<br>]

    • include 必须指向已注册的 scope（如 source.json），不能是任意字符串；可运行 apm list --installed --packages 查看已启用插件提供的 scope 名
    • 该文件不会自动生效，需重启 Atom，并在 config.cson 中映射：

      core:<br>  fileTypes:<br>    '.protojson': 'source.protojson'

    真正容易被忽略的是：Tree-sitter 语法（如 language-rust-bundled）的作用域名（如 support.function.std.rust）和传统 TextMate grammar（如 entity.name.function.rust）完全不兼容，同一个主题 CSS 无法同时匹配两者——混用时得分别写两套样式规则。