sublime text3支持JSX和es201x代碼格式化的插件是什么

小編給大家分享一下sublime text3支持JSX和es201x代碼格式化的插件是什么，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

最近開始擼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

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

看完了這篇文章，相信你對“sublime text3支持JSX和es201x代碼格式化的插件是什么”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！