首先安装Package Control，再通过它安装Babel、Emmet、SublimeLinter等插件；接着将.js/.jsx文件语法设为JavaScript (Babel)以支持JSX高亮；然后配置ESLint实现代码检查；最后可选配置构建系统运行npm start命令。
要在 Sublime Text 中配置 React 开发环境，虽然它不像 VS Code 那样开箱即用，但通过合理插件搭配和语法高亮设置，依然可以实现高效的开发体验。以下是具体步骤。
安装 Package Control
Package Control 是 Sublime 的插件管理工具，必须先安装才能添加其他功能插件。
1. 打开 Sublime Text，按下 Ctrl+`（反引号）打开控制台。2. 粘贴官方推荐的安装命令（可在 packagecontrol.io 查找最新版本）。
3. 回车执行，安装完成后重启 Sublime。
安装必要插件
通过 Ctrl+Shift+P 调出命令面板，输入 "Package Control: Install Package"，然后依次安装以下插件：
- Babel：提供 React JSX 语法高亮支持，推荐选择 Babel 插件（如 "Babel - JavaScript & JSX"）。
- Emmet：提升 HTML/JSX 编写效率，支持快速生成标签结构。
- SublimeLinter 与 SublimeLinter-eslint：配合 ESLint 实现代码规范检查。
- JavaScript Completions：增强 JS 和 React 的自动补全功能。
设置语法高亮为 Babel
默认情况下，.js 文件使用 JavaScript 语法，无法正确高亮 JSX。需手动切换：
2. 点击右下角显示的语法类型（如 "JavaScript"）。
3. 选择 Babel → JavaScript (Babel) 或 JSX syntax。
4. 可设置默认关联：在该语法下点击 "Set as Default Syntax"。
配置 ESLint 支持代码检查
让编辑器实时提示错误和代码风格问题。
1. 确保项目中已安装 ESLint 和 React 推荐规则：npm init -y npm install eslint eslint-config-react --save-dev npx eslint --init # 按提示选择支持 React 和 JSX2. 安装 SublimeLinter 和 SublimeLinter-eslint 插件。
3. 保存文件时即可看到语法和规范提示（需正确配置路径）。
可选：配置构建系统运行 React 项目
Sublime 本身不运行应用，但可通过内置构建系统调用 npm 命令。
1. 在菜单栏选择 Tools → Build System → New Build System。2. 输入以下内容保存为 ReactDev.sublime-build：
{
"cmd": ["npm", "run", "start"],
"shell": true,
"working_dir": "$file_path",
"selector": "source.js"
}
3. 在项目根目录的 package.json 中确保有 start 脚本（如使用 create-react-app）。4. 切换构建系统后按 Ctrl+B 运行项目（实际效果是启动终端命令）。
基本上就这些。Sublime 更适合作轻量级编辑，若需调试、热重载等完整功能，建议搭配外部终端和浏览器使用。配置完成后，编写 React 组件时就能获得良好语法高亮和代码提示。
