sublime text 需手动绑定 babel 语法并配置 syntax specific 才能正确高亮 jsx：右下角必须显示“babel → javascript (babel)”，路径须精准匹配 packages/babel/，且需在 .jsx 文件的 syntax specific 设置中添加 "syntax": "packages/babel/javascript (babel).sublime-syntax"。
Sublime Text 不能配置出 React 开发环境，只能配出 JSX 高亮 + 基础补全 + 外部工具联动；装错插件或路径写错，.jsx 文件会整块灰显、{} 不着色、className 标红——这不是代码问题，是语法定义根本没加载。
为什么装了 Babel 插件，.jsx 文件还是白底黑字？
不是插件没装好，是 Sublime 没把文件和语法绑定上。默认打开 App.jsx，右下角显示的通常是 Plain text 或原生 JavaScript，Babel 完全不接管。
- 检查右下角语法名：必须是
Babel → JavaScript (Babel)，不是JavaScript（原生）或已停更的ReactJS -
.jsx扩展名必须严格匹配；.js文件即使写了return <div></div>，也不会触发 JSX 解析 - 旧插件冲突：卸载
ReactJS、ES6 Syntax、JS Custom——它们会劫持语法定义，导致括号错位、属性名不着色
怎么让所有 .jsx 文件自动用 JavaScript (Babel) 语法？
手动点右下角只对当前文件生效，Syntax Specific 是唯一可靠方式，且只作用于 .jsx，不影响 .js。
- 打开任意
.jsx文件，菜单栏 →Preferences → Settings – Syntax Specific - 在右侧用户设置中加这一行：
"syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - ⚠️ 路径必须精准：进
Preferences → Browse Packages确认 Babel 插件文件夹名，可能是Packages/babel-sublime/或Packages/Babel/，大小写和斜杠都不能错 - 别往这里加
"extensions"字段——那是全局默认设置，会把.js文件也拖下水，导致普通脚本高亮错乱
Emmet 在 JSX 里敲 div.container+Tab 没反应？
不是 Emmet 坏了，是它根本没识别当前文件为可展开的 JS 上下文。Emmet 默认只响应 source.js 和 text.html.basic 作用域，而 JSX 是 source.jsx，不匹配就失效。
- 菜单栏 →
Preferences → Package Settings → Emmet → Settings - 在用户设置 JSON 中添加：
"syntax_scopes": {"javascript": ["source.js", "source.jsx", "source.js.jsx"]} - 保存后重启 Sublime 或执行
Cmd+Shift+P → Emmet: Reload - 验证：在
return (后输入ul>li*3+Tab，应生成完整列表结构；{}里的 JS 表达式 Emmet 不管
{item.name} 标红或 <div> 下划线？
<p>红色下划线来自 <code>SublimeLinter-eslint，不是 Babel 没起作用。Babel 只管怎么显示，不管对错。
- 先确认是否真装了
SublimeLinter 和 SublimeLinter-eslint：看 Preferences → Package Settings 里有没有这两项
- 如果开了 ESLint 校验，删掉项目根目录下
.eslintrc.js 里旧的 parser: "babel-eslint"（已废弃），换成 parser: "@babel/eslint-parser"
- 但注意：
SublimeLinter 对新 parser 支持不稳定，经常报错或不生效；真要靠 ESLint 提示，建议切到 VS Code
- 快速验证方式：临时禁用
SublimeLinter（命令面板输 SublimeLinter: Toggle Linter），如果红标消失，就确认是校验器问题，不是高亮配置失败
SublimeLinter 和 SublimeLinter-eslint：看 Preferences → Package Settings 里有没有这两项.eslintrc.js 里旧的 parser: "babel-eslint"（已废弃），换成 parser: "@babel/eslint-parser"
SublimeLinter 对新 parser 支持不稳定，经常报错或不生效；真要靠 ESLint 提示，建议切到 VS CodeSublimeLinter（命令面板输 SublimeLinter: Toggle Linter），如果红标消失，就确认是校验器问题，不是高亮配置失败最易被忽略的是插件路径大小写和 Syntax Specific 的作用范围——它只对当前语法类型生效，改了 .jsx 的设置，.js 还是原样；而一旦路径写成 Packages/babel/ 但实际文件夹叫 babel-sublime，整个高亮就归零。别信“装完自动好”，每一步都得亲手验证右下角语法名和 Browse Packages 里的真实路径。
