下面由sublime教程欄目給大家推薦一款sublime text 3 支持jsx和es201x 代碼格式化的插件，希望對需要的朋友有所幫助！
推薦一款sublime text 3 支持JSX和es201x 代碼格式化的插件
最近開始擼React的時候，一直使用的sublime text3著實讓強迫癥的我難受至極，本身不支持JSX的高亮，安裝完Babel之后新的問題來了，格式化插件掛了。。。
前前后后嘗試了兩三個插件（jsfmt etc.），都不太理想。
esformatter-jsx可以使用，但是那個對JSX的縮進，還有對諸如switch語句的詭異縮進，糟心。
終于在準備換IDE的時候看到了VSCode格式化插件的一個配置項有esformatter-jsx，還可以選擇prettier。
prettier官網(wǎng)（科學上網(wǎng)）：https://prettier.io/docs/en/install.html
可以看到Facebook在用它優(yōu)化React項目的代碼，沒深究。
執(zhí)行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
插件的功能不是全部功能，可以在命令行使用指令格式化代碼，（也可以直接在項目中引用？）
? 版權聲明
文章版權歸作者所有，未經(jīng)允許請勿轉載。
THE END
