最近開始擼React的時候，一直使用的sublime text3著實讓強迫症的我難受至極，本身不支持JSX的高亮，安裝完Babel之後新的問題來了，格式化插件掛了。 。 。
前後嘗試了兩三個外掛（jsfmt etc.），都不太理想。 esformatter-jsx可以使用，但是那個對JSX的縮進，還有對諸如switch語句的詭異縮進，糟心。
終於在準備換IDE的時候看到了VSCode格式化插件的一個配置項目有esformatter-jsx，也可以選擇prettier。
prettier官網（科學上網）：https://prettier.io/docs/en/install.html
可以看到Facebook在用它優化React專案的程式碼，沒深究。
執行npm i -g prettier
下載到的套件裡有個bin-prettier.js，這就是本體了。
sublime text3 直接在package control搜尋prettier下載，打開它的User設定項加入如下儲存即可。
注意修改你本地的node和node_modules路徑
{
"debug": false,
"prettier_cli_path": "/usr/local/lib/node_modules/prettier/bin-prettier.js",
"node_path": "/usr/local/bin/node",
"auto_format_on_save": false,
"auto_format_on_save_excludes": [],
"allow_inline_formatting": false,
"custom_file_extensions": [],
"max_file_size_limit": -1,
"additional_cli_args": {},
"prettier_options": {
"printWidth": 80,
"singleQuote": false,
"trailingComma": "none",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"parser": "babylon",
"semi": true,
"requirePragma": false,
"proseWrap": "preserve",
"arrowParens": "avoid"
}
}
在快捷鍵配置中加入
{
"keys": ["super+shift+c"],
"command": "format_javascript"
}
具體可以去github看外掛程式作者的Readme
外掛程式的功能不是全部功能，可以在命令列使用指令格式化程式碼，（也可以直接在專案中引用？）