必须安装作者为babel-sublime的babel插件（github仓库babel/babel-sublime），安装后进入preferences → browse packages确认文件夹名，并手动将.jsx文件绑定为babel → javascript (babel)语法，否则jsx标签、{}插值等均不高亮。
装 Babel 插件只是第一步，不手动绑定 .jsx 文件到 JavaScript (Babel) 语法，JSX 标签、{} 插值、className 全部不会高亮——Sublime 默认根本不解析 JSX。
怎么确认 Babel 插件装对了，且路径能用
Babel 插件必须是作者为 babel-sublime 的那个（GitHub 仓库名 babel/babel-sublime），不是“Babel Sublime”“Babel Snippets”或已停更的 ReactJS。装错会导致语法定义加载失败、标签错位甚至崩溃。
- 打开命令面板
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）→ 输入Package Control: Install Package→ 搜索Babel→ 点击安装，认准作者栏显示babel-sublime - 装完后，进菜单
Preferences → Browse Packages，看文件夹名是不是Babel或babel-sublime—— 路径必须完全匹配，比如插件文件夹叫babel-sublime，那后续配置里就得写Packages/babel-sublime/JavaScript (Babel).sublime-syntax，大小写都不能错 - 重启 Sublime 不强制，但若右下角没出现
Babel → JavaScript (Babel)选项，重启可清缓存
为什么 .jsx 文件还是白底黑字或标红
根本原因：文件没被识别为 JSX 语法，而是当成了 Plain Text 或原生 JavaScript。Babel 插件不会自动接管扩展名，必须显式绑定。
- 打开一个
App.jsx文件，右下角点击当前语法名（如显示Plain Text或JavaScript）→ 选Open all with current extension as… → Babel → JavaScript (Babel) - 如果想一劳永逸，打开任意
.jsx文件 →Preferences → Settings – Syntax Specific→ 在右侧 JSON 中加一行："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - 切记：只对
.jsx单独配，别全局改默认语法；混用.js和.jsx的项目，全局改会导致普通 JS 文件高亮异常
为什么 {user.name} 还是白的，或者报 Unexpected token
这是两个独立问题：前者是语法高亮失效，后者是校验器（SublimeLinter-eslint）在报错，不是 Babel 的事。
-
{user.name}白/灰 → 检查是否误入Plain Text模式：新建未保存文件、扩展名不是.jsx或.js、右下角语法没切对都会导致 Unexpected token 报错 → 大概率是 <code>SublimeLinter-eslint在运行，但它默认用的是旧版babel-eslint解析器，不认识 JSX。删掉项目根目录.eslintrc.js里的parser: "babel-eslint"，换成parser: "@babel/eslint-parser"- 但注意：
SublimeLinter对新 parser 支持不稳定；更简单的方法是临时禁用它：Ctrl+Shift+P→ 输入SublimeLinter: Toggle Linter，如果红标消失，就确认是校验器问题，不是高亮配置失败
真正容易被忽略的点：Babel 插件只管「颜色」，不管「逻辑」。它能让 useState 显示为蓝色函数、div 显示为绿色标签、{count > 0 && <span>}</span> 正确分段着色，但不会告诉你 useState 少了个括号，也不会跳转到组件定义——这些属于语言服务器（LSP）能力，Sublime 原生不带，强求就是踩坑起点。
