Als ich kürzlich anfing,React
zu spielen, litt ich wirklich unter dem Sublime Text3, den ich verwendet hatte Zwangsstörung, die Hervorhebung vonJSX
wird nicht unterstützt. Nach der Installation vonBabel
ist ein neues Problem aufgetreten. . .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
配置项加入如下保存即可。
注意修改你本地的Ich habe zwei oder drei Plug-Ins ausprobiert (node
和node_modules
jsfmt
usw.), aber sie waren nicht ideal. esformatter-jsx
kann verwendet werden, aber die Einrückung von JSX
und die seltsame Einrückung von Anweisungen wie switch
, Schade. Als ich schließlich die IDE ändern wollte, sah ich, dass eines der Konfigurationselemente des VSCode-Formatierungs-Plug-Ins
esformatter-jsx
ist, und Sie können auch prettier auswählen
. Prettier offizielle Website (Scientific Internet): https://prettier.io/docs/en/install.htmlSie können sehen, dass Facebook es verwendet, um den Code des
React
zu optimieren > Projekt, aber ich bin nicht auf Details eingegangen. Führen Sie npm i -g prettier
aus. Das heruntergeladene Paket enthält
bin-prettier.js
, die Ontologie. sublime text3 sucht zum Herunterladen direkt nach prettier
in der Paketsteuerung
, öffnet das Konfigurationselement Benutzer
und fügt es wie folgt hinzu, um es zu speichern.