Babel插件不生效是因语法未正确关联，需确认插件文件夹名、精确设置Syntax Specific路径、右下角选对Babel → JavaScript (Babel)，并修正Emmet作用域和ESLint解析器配置。

装Babel插件但.jsx还是白底黑字？路径和语法绑定没对

根本不是插件没装上，而是Sublime压根没把文件和Babel语法关联起来。默认打开App.jsx，右下角显示的多半是Plain Text或原生JavaScript，Babel完全不生效。

• 先确认插件文件夹名：菜单 → Preferences → Browse Packages，看目录里是Babel还是babel-sublime（大小写敏感）
• 路径必须严丝合缝：如果文件夹叫Babel，Syntax Specific里就得写Packages/Babel/JavaScript (Babel).sublime-syntax；如果是babel-sublime，就得用Packages/babel-sublime/JavaScript (Babel).sublime-syntax
• 别点“Set as Default Syntax”——那是全局改，会把.js也拖进Babel，导致普通脚本括号错位、字符串标红

右下角选了Babel → JavaScript (Babel)，但{count}还是灰的

这是典型的作用域错位。Babel语法加载了，但Sublime没识别当前文件为JSX上下文，所以花括号内不触发JS解析规则。

React Flow Architecture

提供使用 React Flow 构建基于节点的 UI 的架构指导，适用于设计基于流程的应用程序，在状态管理、交互和性能等方面进行决策。

下载

• 确保文件已保存，且扩展名是.jsx或.js（仅.js也行，但必须手动设语法）
• 检查右下角是否真显示Babel → JavaScript (Babel)，不是JavaScript或ReactJS（后者已停更，会冲突）
• 新建未保存文件时，Sublime默认走Plain Text，必须先保存为.jsx再重设语法

Emmet在JSX里敲div+Tab没反应？作用域不匹配

Emmet默认只认source.js和text.html.basic，而Babel接管后.jsx文件的作用域是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

装了Babel还报Unexpected token {？ESLint在捣鬼

{user.name}标红或报Unexpected token，不是Babel的问题，是SublimeLinter-eslint用旧解析器在报错。

• 检查项目根目录有没有.eslintrc.js，里面如果写了parser: "babel-eslint"，删掉或换成parser: "@babel/eslint-parser"
• 确保本地安装了@babel/eslint-parser（npm install --save-dev @babel/eslint-parser）
• 如果只是想关掉校验，禁用SublimeLinter插件比调配置更快

Babel插件本身只管颜色，不负责理解代码逻辑。{useState}能高亮成蓝色，不代表它能补全参数或跳转定义——那得靠LSP服务器，不是语法包的事。路径大小写、作用域映射、ESLint解析器这三处，错一个，JSX就半残。