必须手动绑定Babel语法并校验路径与作用域：右下角须显示“Babel → JavaScript (Babel)”，路径需严格匹配Browse Packages中的文件夹名（如Packages/Babel/或Packages/babel-sublime/），.jsx文件需通过Syntax Specific配置"syntax": "Packages/.../JavaScript (Babel).sublime-syntax"，同时为Emmet添加"syntax_scopes": {"javascript": ["source.js", "source.jsx", "source.js.jsx"]}。
Sublime Text 本身不支持 React 或 JSX，装完插件也不自动生效——必须手动绑定语法、校验路径、处理作用域，否则 return <div></div> 整行灰显、{count} 不着色、className="" 双引号不配对，不是你写错了，是编辑器根本没加载 JSX 解析规则。
怎么确认 Babel 插件装对了且路径能用
装错包或路径写错，JavaScript (Babel).sublime-syntax 就加载失败，高亮直接归零。
- 用
Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（macOS）打开命令面板，输入Package Control: Install Package，搜Babel，只认准作者是babel-sublime或仓库名babel/babel-sublime的那个 - 装完后，菜单 →
Preferences → Browse Packages…，进插件目录，看文件夹名到底是Babel还是babel-sublime（大小写敏感） - 如果文件夹叫
Babel，那语法路径必须是Packages/Babel/JavaScript (Babel).sublime-syntax；如果叫babel-sublime，路径就得是Packages/babel-sublime/JavaScript (Babel).sublime-syntax - 路径错一个字母，
Syntax Specific配置就失效，右下角仍显示Plain Text或原生JavaScript
为什么 .jsx 文件还是白底黑字或标红
根本原因：Sublime 默认根本不认 .jsx 后缀，Babel 插件不会自动接管，必须显式绑定。
- 新建一个空文件，保存为
App.jsx，再点右下角语法名 →Open all with current extension as…→ 选Babel → JavaScript (Babel) - 更可靠的方式：打开任意
.jsx文件 →Preferences → Settings – Syntax Specific→ 在右侧 JSON 中加一行："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax"（注意路径与Browse Packages中实际文件夹名严格一致） - 别往这里加
"extensions"字段——那是全局默认设置，会把.js文件也拖下水，导致普通脚本高亮错乱 - 右下角必须显示
Babel → JavaScript (Babel)，不是JavaScript（原生）或已停更的ReactJS
Emmet 在 JSX 里 Tab 不展开？改 syntax_scopes
Emmet 默认只响应 source.js 和 text.html.basic 作用域，而 JSX 文件语法设成 JavaScript (Babel) 后，作用域是 source.jsx，完全不匹配。
- 菜单 →
Preferences → Package Settings → Emmet → Settings – User - 在用户设置 JSON 中加这行：
"syntax_scopes": {"javascript": ["source.js", "source.jsx", "source.js.jsx"]} - 保存后重启 Sublime，或执行
Ctrl+Shift+P→ 输入Emmet: Reload - 验证：在
return (后输入ul>li*3+Tab，应生成完整列表结构；{}里的 JS 表达式 Emmet 不管
为什么 .js 文件里写了 JSX 还是标红
这不是 Bug，是设计如此。Sublime 默认仍用原生 JavaScript 语法解析 .js 文件，哪怕里面写了 return <div></div>。
- React 项目里大量逻辑写在
.js文件中（比如自定义 Hook、工具函数），想让它们也走 Babel 解析，得单独配.js的Syntax Specific - 新建一个空
.js文件 →Preferences → Settings – Syntax Specific→ 加："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - 别混用全局
extensions映射——它会把所有.js都拉进 Babel，但某些纯工具脚本（如 webpack.config.js）反而可能因语法差异出问题 -
Unexpected token <报错大概率来自SublimeLinter-eslint，它默认用旧版babel-eslint解析器，不认识 JSX；建议禁用或换用 VS Code
最易被忽略的是路径大小写和作用域映射——Packages/Babel/ 和 Packages/babel-sublime/ 是两个不同路径，source.jsx 和 source.js 是两个不同作用域，差一个字符或一个字母，整个配置就失效。
