答案是配置Babel语法高亮、ESLint代码检查和Prettier自动格式化。首先安装Package Control以管理插件，接着安装Babel插件并设置JavaScript (Babel)为默认语法；然后通过Node.js安装ESLint并配置SublimeLinter-eslint进行实时错误提示；再安装Prettier及JsPrettier插件实现保存时自动格式化；最后可选Emmet等辅助插件提升效率。
想在Sublime Text中高效开发React项目，关键在于配置语法高亮、代码提示、自动格式化和JSX支持。虽然Sublime不像VS Code那样开箱即用，但通过合理插件搭配，完全可以打造一个轻量且高效的React开发环境。
安装Package Control
Package Control是Sublime的核心插件管理工具，没有它就无法安装后续所需插件。
打开Sublime Text，按下 Ctrl+`（或菜单 View → Show Console），粘贴以下代码并回车：import urllib.request,os,hashlib; exec(urllib.request.urlopen('https://packagecontrol.io/installation.py').read())
安装完成后重启Sublime，就能在 Preferences 菜单下看到 Package Control 选项。安装React语法高亮与JSX支持
默认Sublime不识别JSX语法，需要手动添加支持。
- 打开命令面板：Ctrl+Shift+P
- 输入“Install Package”，选择“Package Control: Install Package”
- 搜索并安装 Babel（推荐）或 React
配置ESLint代码检查
保持代码规范离不开ESLint，Sublime可通过SublimeLinter集成。
- 先确保系统已安装Node.js和npm
- 全局或项目内安装ESLint：
npm install eslint --save-dev - 安装Sublime插件：SublimeLinter 和 SublimeLinter-eslint
启用代码自动格式化（Prettier）
统一代码风格提升协作效率，Prettier是React社区主流选择。
- 项目中安装Prettier：
npm install --save-dev prettier - 安装Sublime插件：JsPrettier
- 配置路径：Preferences → Package Settings → JsPrettier → Settings
- 设置prettier_cli_path指向本地prettier路径，例如：
/your-project/node_modules/.bin/prettier
实用辅助插件推荐
提升开发体验的小工具，按需安装：
-
Emmet：快速生成JSX标签，如输入
div.my-class+ Tab - AutoFileName：自动补全文件路径，导入组件更方便
- DocBlockr：快速编写函数注释
- GitGutter：显示代码修改行标记
基本上就这些。配置完成后，Sublime Text就能胜任大多数React开发任务，启动快、占用低，适合追求简洁编辑器的开发者。重点是Babel语法支持和Prettier格式化，这两项配置好，写React就顺手多了。
