最近開始擼React的時(shí)候，一直使用的sublime text3著實(shí)讓強(qiáng)迫癥的我難受至極，本身不支持JSX的高亮，安裝完Babel之后新的問題來了，格式化插件掛了。。。

前前后后嘗試了兩三個(gè)插件（jsfmt etc.），都不太理想。
esformatter-jsx可以使用，但是那個(gè)對JSX的縮進(jìn)，還有對諸如switch語句的詭異縮進(jìn)，糟心。
終于在準(zhǔn)備換IDE的時(shí)候看到了VSCode格式化插件的一個(gè)配置項(xiàng)有esformatter-jsx，還可以選擇prettier。

prettier官網(wǎng)（科學(xué)上網(wǎng)）：https://prettier.io/docs/en/install.html
可以看到Facebook在用它優(yōu)化React項(xiàng)目的代碼，沒深究。

執(zhí)行npm i -g prettier
下載到的包里有個(gè)bin-prettier.js，這就是本體了。

sublime text3 直接在package control搜索prettier下載，打開它的User配置項(xiàng)加入如下保存即可。

注意修改你本地的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

插件的功能不是全部功能，可以在命令行使用指令格式化代碼，（也可以直接在項(xiàng)目中引用？）