Teilen Sie ein Plug-in für sublime text3, das die Codeformatierung JSX und es201x unterstützt

Die folgende Tutorial-Kolumne von sublime empfiehlt ein Plug-in für sublime text 3, das die Codeformatierung JSX und es201x unterstützt. Ich hoffe, dass es Freunden, die es benötigen, hilfreich sein wird!

Empfehlen Sie ein Plug-in für Sublime Text 3, das die Formatierung von JSX- und ES201x-Code unterstützt.

Als ich kürzlich anfing, React zu spielen, litt ich wirklich unter dem Sublime Text3, den ich verwendet hatte Zwangsstörung, die Hervorhebung von JSX wird nicht unterstützt. Nach der Installation von Babel 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配置项加入如下保存即可。

注意修改你本地的node和node_modules

Ich habe zwei oder drei Plug-Ins ausprobiert (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.html
Sie können sehen, dass Facebook es verwendet, um den Code des Reactzu 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.

🎜Achten Sie darauf, Ihre lokalen Pfade für node und node_modules zu ändern Weitere Informationen finden Sie in der Readme-Datei des Plug-In-Autors. Die Funktionen sind nicht alle Funktionen. Sie können Anweisungen in der Befehlszeile verwenden, um den Code zu formatieren (können Sie ihn auch direkt im Projekt referenzieren?) 🎜🎜

Das obige ist der detaillierte Inhalt vonTeilen Sie ein Plug-in für sublime text3, das die Codeformatierung JSX und es201x unterstützt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!