Ho cercato un pacchetto per autoindent e abbellire il mio codice React/babel. Ho appena provato atom-beautify che sembra avere un buon ritorno su Atom.Come configurare il pacchetto atom-beautify per formattarlo con i file javascript babel/jsx?
Ma il risultato su un normale file babel non è abbastanza buono: "Tag HTML" non rientra come desiderato. Qualcuno ha provato ad usare l'abbellimento atomico con babel?
Atom beautify non supportava jsx in quel momento. it does now :)
Attualmente utilizzo i plug-in linguaggio babel, react e autoclose-html per gestirli senza problemi.
https://atom.io/packages/autoclose-html
https://atom.io/packages/language-babel
https://atom.io/packages/react
Spero che questo aiuti!
Ho provato il linguaggio babel ma, correggimi se ho torto, autoinde solo jsx non javascript locale in funzione & co. –
Ho paura di non esserne certo. Sono appena entrato e ho giocato con le impostazioni e sembra che abbia le opzioni che stai cercando, e non ho avuto problemi, tutto il mio codice javascript e di reazione è rientrato in modo corretto automaticamente. Scusa se questo non è stato più d'aiuto. –
'react' e' language-babel' sembrano essere in collisione tra loro - ricevo un messaggio di avvertimento al riguardo. –
Io uso Prettier (https://prettier.io/) per riscrivere il mio codice nelle best practice, in modo che tutto il team possa scrivere il codice come se solo una persona avesse scritto tutto. Supporta JSX e, di recente, anche TypeScript, CSS, SCSS, ..
Ho appena iniziato ad usare Atom con il pacchetto Nuclide per JSX. Prettier funziona bene! – sunitkatkar
Ho già affrontato lo stesso problema e ho terminato con prettier-atom. Funziona davvero bene con i tag HTML.
Non esitate a creare un problema nel repository Atom-Beautify: https://github.com/Glavin001/atom-beautify/issues Fornendo un Gist 'debug.md' a me stesso e agli altri potrebbe essere in grado di aiutare per farlo funzionare. – Glavin001
hai trovato una soluzione funzionante? –
No. Io uso VSCode invece che è il più potente nella formattazione jsx :) –