## 一、 jsx语法支持tab补全 插件下载：Emmet 修改：Key Bindings - User  添加如下代码： ``` [ { "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 } ] } ] ``` ## 二、React ES6 Snippets 插件下载：React ES6 Snippets ## 三、代码格式化 插件下载：jsfmt  ## 四、JSX语法高亮 插件下载：Babel  设置：  ## 五、.scss语法高亮 1、安装sass插件，重启sublime 2、安装less插件，打开.scss文体，点击右下角文件类型，选择less也行