React环境搭建之一：sublime编辑器

1. 下载并安装sublime text3

https://www.sublimetext.com/3

2. 安装package control插件

这个插件用来安装其他插件的。

参考官网链接说明，进行安装：https://packagecontrol.io/installation

3. 用package controle: install package 安装：babel, React-JS, sublimeLinter

4. 按安装 emmet，并修改emmet 兼容jsx文件

打开 preferences -> Key bindings - Users，把下面代码复制到[]内部。

 {
      "keys": [
        "super+e"
      ],
      "args": { "action": "expand_abbreviation" }, "command": "run_emmet_action", "context": [{ "key": "emmet_action_enabled.expand_abbreviation" }] }, { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context": [{ "operand": "source.js", "operator": "equal", "match_all": true, "key": "selector" }, { "key": "preceding_text", "operator": "regex_contains", "operand": "(\\b(a\\b|div|span|p\\b|button)(\\.\\w*|>\\w*)?([^}]*?}$)?)", "match_all": true }, { "key": "selection_empty", "operator": "equal", "operand": true, "match_all": true }] }

5. 安装JS，格式化js代码

打开preferences -> Package Settings -> JsFormat -> Setting - Users,输入以下代码：

{
  "e4x": true,
  // jsformat options
  "format_on_save": true, }

即可保存时自动格式化，并支持 jsx 类型文件.

参考链接：

http://www.cnblogs.com/terrylin/p/4942332.html