Atom默认不识别.vue文件，必须同时安装language-vue和atom-ide-vue插件，并在config.cson中配置customFileTypes映射source.ts、source.jsx、source.css.scss等到vue，否则<script setup>、TS/JSX、SCSS等均无法正确高亮或功能失效。
Atom 默认打开 .vue 文件就是纯灰文本，不是你配置错了，是它压根不认识这个文件类型。 必须手动装插件 + 配置语言映射，缺一不可。只装一个插件、不改 config.cson、或者装错包名，都会导致 <script setup> 里 TypeScript 不着色、<style lang="scss"> 里变量全白、甚至 Ctrl+Click 跳转失效。
必须装的两个插件：language-vue 和 atom-ide-vue
只装 language-vue 只能识别基础结构（比如区分 <template> 和 <script> 块），但对 setup 语法、defineProps、TypeScript 支持很弱；只装 atom-ide-vue 则连基本高亮都没有，会直接 fallback 成 text.html.vue —— 状态栏右下角显示这个，就说明高亮根本没生效。
- 在 Atom Settings → Install 里搜
language-vue，点 Install，装完重启 - 再搜
atom-ide-vue，Install；它会自动提示装atom-ide-ui，按提示点 OK 即可 - 别装
vue-fmt、vue-snippets、vue-syntax-highlight这类名字带“vue”但不解决核心识别问题的插件——它们不提供 TextMate scope，反而可能劫持文件关联
TS/JSX 在 <script> 里不着色？改 config.cson 的 customFileTypes
装了 language-typescript 插件，但 <script lang="ts"> 里还是灰字？因为 language-vue 没把 .vue 文件里的 TS 内容委托给 TypeScript 解析器。Atom 内部用的是 source.ts 这个作用域名，不是 source.typescript。
- 打开 Atom → Config… → Open Config Folder，编辑
config.cson - 在
core:下添加：
customFileTypes: "source.ts": ["vue"] "source.jsx": ["vue"]
保存后必须重启 Atom。否则哪怕插件都装齐了，lang="ts" 依旧当普通文本处理。
立即学习“前端免费学习笔记（深入）”；
PigX UI Pro 前端开发指南 - Vue 3 + TypeScript + Element Plus。当用户提到 PigX UI、PigX 前端、lgb-mgui 项目、Vue 3 企业级后台开发、Element Plus 后台开发时使用此技能。
<style lang="scss"> 里 $color 不高亮？补 language-sass 映射
language-sass 插件支持 SCSS/Sass，但它默认不处理 .vue 文件里的 <style lang="scss">。Atom 需要明确知道：当遇到 lang="scss"，该用 source.css.scss 这个 scope 来解析。
- 装插件：
apm install language-sass或 Settings → Install → 搜language-sass - 回到
config.cson，在customFileTypes:下追加一行：
"source.css.scss": ["vue"]
注意不是 source.sass，也不是 source.scss——写错就无效。Less 同理，用 source.css.less。
高亮正常但跳转/折叠失效？检查右下角状态栏的 scope
颜色有了，但 Ctrl+Click 点不进组件、<template> 左侧没折叠箭头、F2 重命名报 “no definition found”，大概率是 scope 断了。关键看右下角状态栏：光标放在 <script> 里时，应显示 source.vue source.js（或 source.ts）；如果只显示 text.html.vue，说明 language-vue 没加载，或者被 language-html 插件抢注了文件类型。
- 临时禁用
language-html，看状态栏是否恢复 - 确认
config.cson里没有其他插件覆盖了fileTypes配置 - 删掉
.atom/packages/language-vue目录，重装一次language-vue（有时 Git clone 安装残留旧版本）
scope 不对，所有 IDE 级功能（跳转、补全、诊断）都会静默失效——这点最容易被忽略，以为“能看色就行”，结果调试时卡在最基础的定义跳转上。
