sublime text 无法构建真正的 react 开发环境，仅支持 jsx 语法高亮、emmet 展开和片段补全；需正确安装 babel 插件、严格匹配路径大小写、手动绑定 .jsx 语法、配置 emmet 作用域为 source.jsx，并避免全局 extensions 设置导致的高亮错乱。
Sublime Text 不能配置出真正的 React 开发环境，它只能做到 JSX 语法高亮、基础 Emmet 展开和片段补全——装错插件、路径写错、作用域没对，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或 GitHub 仓库名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 插件不会自动接管，必须显式绑定。
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 新建一个空文件，保存为
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文件也拖下水，导致普通脚本高亮错乱
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"]} - 保存后，用
Ctrl+Shift+P→ 输入Package Control: Reload Package重载 Emmet，或直接重启 Sublime - 现在
button.btn-primary+Tab会生成带className的 JSX 标签，不是class
为什么 .js 文件里写了 JSX 还是标红
这不是 Bug，是设计如此。React 项目里大量逻辑写在 .js 文件中（比如自定义 Hook、工具函数），但 Sublime 默认仍用原生 JavaScript 语法解析，导致 return <div></div> 直接报错。
- 若需统一处理，可在
Settings – Syntax Specific中为.js单独配一次："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - 但不要用
"extensions": ["js", "jsx"]全局覆盖——这会让所有.js文件强制走 Babel 解析，可能干扰老项目或构建脚本 - 标红大概率来自
SublimeLinter-eslint，它默认用旧版babel-eslint解析器，不认识 JSX；临时验证可禁用 Linter（Ctrl+Shift+P→SublimeLinter: Toggle Linter）
最易被忽略的点：右下角必须显示 Babel → JavaScript (Babel)，而不是 JavaScript (JSX) 或已停更的 ReactJS；source.jsx 作用域必须手动注入 Emmet；Packages/ 后的路径大小写差一个字母，整个高亮就失效——这些都不是“试试看”能绕过去的硬约束。
