必须安装babel插件并手动设置语法为“babel → javascript (babel)”才能正确高亮.jsx文件；标红多因sublimelinter-eslint未配置jsx解析器，建议禁用或改用vs code。
Sublime Text 默认不识别 .jsx 文件，装完插件不手动切换语法，JSX 标签、花括号、className 全是白底黑字或标红——这不是你代码错了，是 Sublime 压根没加载 JSX 解析规则。
怎么让 .jsx 文件正确高亮（不是“装个 React 插件”就行）
核心是绑定语法定义，不是装名字带 “React” 的插件。很多老教程推荐的 ReactJS 或 ES6 Syntax 已停更，在 Sublime Text 4 下常导致标签错位、{} 不着色甚至崩溃。
- 必须装
Babel插件（作者是babel-sublime，GitHub 上活跃维护）：用Ctrl+Shift+P→Package Control: Install Package→ 搜Babel安装 - 装完后，打开任意
.jsx文件，右下角点击当前语法名（比如显示Plain text或JavaScript），选Babel → JavaScript (Babel) - 要让所有
.jsx文件自动生效：菜单 →Preferences → Settings – Syntax Specific，在右侧加一行："syntax": "Packages/Babel/JavaScript (Babel).sublime-syntax" - ⚠️ 路径必须完全匹配：进
Preferences → Browse Packages看 Babel 插件文件夹名，如果是babel-sublime，路径就得写成Packages/babel-sublime/...
为什么 {user.name} 还是白的，或者 Unexpected token 报错
这是语法高亮和语法校验混了。Babel 只管“怎么上色”，不负责“判断对错”。标红大概率来自 SublimeLinter-eslint，但它默认用的是 JS 解析器，不认识 JSX。
React Router Code Review
下载
审查 React Router 代码，确保数据加载、变更、错误处理和导航模式符合规范，适用于 React Router v6.4+ 代码、加载器及其他特性。
- 如果你开了 ESLint 校验，删掉项目根目录下的
.eslintrc.js里旧的parser: "babel-eslint"（已废弃），换成parser: "@babel/eslint-parser" - 但注意：
SublimeLinter对新 parser 支持不稳定，经常报错或不生效；真要靠 ESLint 提示，建议切到 VS Code - 另一种快速验证方式：临时禁用
SublimeLinter（命令面板输SublimeLinter: Toggle Linter），如果红标消失，就确认是校验器问题，不是高亮配置失败
补全和跳转能不能有？别强求语义级能力
Sublime 原生不解析 import、不建 AST、不跑 TypeScript 类型检查——所以 useState 不提示参数、点不了跳转、props 没类型推导。所谓“补全”，基本只有两种现实路径：
- 代码片段（Snippets）：装
ReactJS Snippets，输入rfc+Tab生成函数组件骨架，imrc+Tab插入import React from 'react'—— 这些纯文本替换，稳定且无依赖 - 轻量符号索引：可试
SublimeCodeIntel，但它对 JSX 支持残缺，常卡死或漏索引；TernJS对现代 React（Hooks、TSX）基本失效 - 别碰
JS Custom：它和 Babel 冲突，会导致 JSX 自闭合标签（如<img>）后面内容错位或换行丢失
Emmet 在 JSX 里怎么用（div.myClass+Tab 不生效）
Emmet 默认只认 HTML 和 CSS 作用域，JSX 是独立语法，必须显式告诉它：“JSX 文件也归我管”。
- 菜单 →
Preferences → Package Settings → Emmet → Settings - 在用户设置 JSON 中加：
"syntax_scopes": {"javascript": ["source.js", "source.jsx", "source.js.jsx"]} - 保存后重启 Sublime，再在 JSX 文件里输
div.container+Tab，就能生成<div classname="container"></div> - ⚠️ 注意：Emmet 不处理
class→className的自动转换，它只按你输的来；要强制转，得额外配emmet.preferences，但容易和 Babel 高亮冲突，不推荐
最常被忽略的一点：Sublime 从不解析 React.createElement 调用，也不会检查 key 缺失、setState 异步陷阱或 Hooks 规则。这些必须靠 ESLint 规则（如 react-hooks/exhaustive-deps）和人盯，编辑器配得再熟，也替代不了代码审查和测试。
