sublime의 다음 튜토리얼 칼럼에서는 JSX 및 es201x 코드 형식을 지원하는 sublime text 3용 플러그인을 권장합니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!
JSX 및 es201x 코드 서식을 지원하는 sublime text 3용 플러그인 추천해주세요
최근에
React
를 시작했을 때 사용하던 sublime text3 때문에 정말 고생했습니다. 강박 장애.
JSX
강조 표시를 지원하지 않습니다.
Babel
을 설치한 후 서식 지정 플러그인이 중단되는 새로운 문제가 발생했습니다. . .
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"
}
}
로그인 후 복사
🎜바로가기 키 구성에 🎜
{
"keys": ["super+shift+c"],
"command": "format_javascript"
}
로그인 후 복사
🎜를 추가하세요🎜rrreee🎜자세한 내용을 보려면 github로 이동하세요. 플러그인 작성자의 Readme를 참조하세요🎜🎜플러그인 함수가 전부 함수는 아닙니다. 명령줄의 지침을 사용하여 코드 형식을 지정할 수 있습니다(프로젝트에서 직접 참조할 수도 있나요?)🎜🎜
위 내용은 JSX 및 es201x 코드 형식을 지원하는 Sublime Text3용 플러그인 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!