Abbellisci il codice js nell'editor di atomi al salvataggio in base alla configurazione di eslint

Question

Sto utilizzando Atom come editor di codice preferito e sto trovando difficile implementare funzionalità per abbellire il codice. Mi affido abbastanza al pacchetto eslint e ho appena ottenuto beautify per pulire il mio codice al salvataggio. Il problema è che una volta che il codice è abbellito, si ottengono alcuni errori minori di eslint e sto cercando un modo per configurare il plugin per abbellire in un modo che rispetti le regole di eslint o usi qualcos'altro che fa il lavoro.

Answer 1

Sembra che le impostazioni di beautify non corrispondano alle regole eslint. Ad esempio, la regola eslintindent potrebbe essere impostata su 4 mentre beautifyindent è impostato su 2.

Il plug-in beautify ha alcune impostazioni per personalizzare il modo in cui abbellisce il codice. Puoi leggere su queste impostazioni in the docs. Sfortunatamente ci sono solo 17 impostazioni quindi potrebbe non essere possibile sincronizzare i 2 pacchetti.

Se si ritiene che sia necessario un maggiore controllo sulla formattazione automatica in Atom, è possibile controllare il pacchetto ESFormatter. Ha più di 250 opzioni, che potrebbero adattarsi meglio alle tue esigenze se hai delle regole ESLint non standard.

Answer 2

È possibile utilizzare un plug-in Atom denominato Prettier Eslint che formatta il codice in base al file di configurazione eslint (.eslintrc). Usa il flag --fix di eslint per risolvere i problemi.

Modifica: Sembra il suo Prettier-atom ora. Grazie, @dube.