必须安装作者为babel-sublime的babel插件并手动将.jsx文件绑定为“babel → javascript (babel)”语法，否则sublime默认不解析jsx，导致标签、花括号、classname均不高亮或标红；还需确认插件路径大小写匹配，并通过settings – syntax specific配置永久生效。
怎么让 .jsx 文件一打开就正确高亮，而不是白底黑字或标红
根本原因是 Sublime 默认不把 .jsx 当作 JSX 处理，它要么当纯 HTML、要么当普通 JS 解析——所以 <div> 不着色、<code>{user.name} 一片灰、className 被标红，全是因为没加载对的语法定义。
必须手动绑定后缀到 Babel 的语法文件，不是“装完插件就完事”：
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）→ 输入Package Control: Install Package→ 搜索并安装Babel，认准作者是babel-sublime（GitHub 仓库babel/babel-sublime），别选已停更的ReactJS或ES6 Syntax - 装完后，打开一个
App.jsx→ 右下角点击当前语法名（比如显示Plain Text）→ 选Open all with current extension as…→ 再选Babel → JavaScript (Babel) - 为确保后续新建的
.jsx文件也生效：打开任意.jsx文件 →Preferences → Settings – Syntax Specific→ 在右侧 JSON 中加这一行："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - ⚠️ 路径大小写敏感：进
Preferences → Browse Packages看插件文件夹名，如果是babel-sublime，就得写Packages/babel-sublime/；如果是Babel，就得写Packages/Babel/
{user.name} 还是白的？先确认是不是被当成 Plain Text
常见假警报：你代码没错，只是 Sublime 压根没启动 JS 解析器。只要看到花括号里全是灰色或白色、箭头函数没变蓝、字符串没变红，90% 是当前文件处于 Plain Text 模式。
检查三件事：
- 文件是否已保存？未保存的新建文件默认是
Plain Text，右下角显示的就是它 - 扩展名是不是
.jsx或.js？.txt或无后缀时，Sublime 不会自动匹配语法 - 右下角语法名是否真为
Babel → JavaScript (Babel)？点开确认，别只看名字里带 “JavaScript” 就以为对了
如果 .js 文件也想用 Babel 高亮（比如混写 JSX），可以单独配：打开一个 .js 文件 → 同样走 Settings – Syntax Specific → 加 "syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax"，但别全局改默认语法，否则纯 JS 项目可能出错。
标红不是高亮问题，是 SublimeLinter-eslint 在报错
<div> 标红、<code>Unexpected token 报错，和 Babel 插件完全无关。Babel 只管“怎么上色”，不管“对不对”。这类红底错误几乎全是 <code>SublimeLinter-eslint 在运行，但它默认用的是老解析器，不认识 JSX。
临时验证方法：命令面板输 SublimeLinter: Toggle Linter，如果红标立刻消失，就坐实是校验器问题。
Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。
真要保留 ESLint 提示，得改配置：
- 删掉项目根目录
.eslintrc.js里的parser: "babel-eslint"（已废弃） - 换成
parser: "@babel/eslint-parser" - 同时确保安装了对应版本：
npm install --save-dev @babel/eslint-parser @babel/core
但要注意：SublimeLinter 对新 parser 支持不稳定，常出现不报错、报错位置偏移、甚至插件卡死。日常开发建议关掉它，用终端跑 npx eslint . 更可靠。
为什么 useState 没补全、跳不到定义、参数没提示
这不是配置漏了，是 Sublime 本身能力边界。Babel 插件只做语法着色，不提供语言服务（LSP）。useState 显示为蓝色函数名、const [count, setCount] = useState(0) 里 count 是紫色变量、0 是橙色数字——颜色对了，就是高亮成功。
补全、跳转、类型推导这些语义级功能，需要额外搭 LSP：
- 装
SublimeLSP+typescript-language-server（即使写 JS，TS Server 对 React 支持最稳） - 但实际体验有限：补全响应慢、hooks 参数提示弱、props 类型基本不显示
- 轻量替代方案：用 Snippet，比如
rfc+Tab生成函数组件骨架，imrc+Tab引入 React —— 这些来自老ReactJS插件的 snippet 仍可用，只要不启用它的语法高亮
真正卡住的点往往不是“怎么配”，而是误以为 Sublime 能像 VS Code 那样理解 React 语义。它能稳稳地把 JSX 渲染成绿标签、蓝函数、红字符串，这就已经是它最擅长的事了。
