JSX 및 es201x 코드 형식을 지원하는 Sublime Text3용 플러그인 공유-sublime-php.cn

JSX 및 es201x 코드 서식을 지원하는 sublime text 3용 플러그인 추천해주세요

2~3개의 플러그인(jsfmt 등)을 사용해 보았지만 이상적이지는 않았습니다.
esformatter-jsx를 사용할 수 있지만 JSX의 들여쓰기와 switch와 같은 문장의 이상한 들여쓰기가 아쉽습니다.
드디어 IDE를 바꾸려고 했을 때 VSCode 포맷팅 플러그인의 구성 항목 중 하나가 esformatter-jsx인 것을 보았는데, prettier를 선택할 수도 있습니다. . 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

prettier 공식 홈페이지(사이언티픽 인터넷) : https://prettier.io/docs/en/install.html
페이스북이 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" } }

위 내용은 JSX 및 es201x 코드 형식을 지원하는 Sublime Text3용 플러그인 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!