## 一、 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也行