Come config ESLint per Reagire su Atom Editor

Question

In Atom Editor ho installato il plugin seguenti

1. linter
2. linter-eslint

Sembra che non riconoscono il JSX Syntaxis.

Ho funzionato sulla riga di comando ma ho dovuto usare altri plugin come esprima-fb e eslint-plugin-react. Sembra che non ci siano plug-in per Atom Editor e vorrei sapere se qualcuno di voi conosce un modo per hackerarlo.

Answer 1

Per ottenere Eslint lavorare bene con React.js:

1. Installare linter & plugin Linter-eslint
2. Run npm install eslint-plugin-react
3. Aggiungi "plugins": ["react"] al vostro file di configurazione .eslintrc
4. Aggiungi al tuo "ecmaFeatures": {"jsx": true} file di configurazione .eslintrc

Ecco un esempio di un file di configurazione .eslintrc:

{ 
    "env": { 
     "browser": true, 
     "node": true 
    }, 

    "globals": { 
     "React": true 
    }, 

    "ecmaFeatures": { 
     "jsx": true 
    }, 

    "plugins": [ 
     "react" 
    ] 
} 

Sto usando Eslint v1.1.0 al momento.

Nota a margine: ho dovuto installare sia eslint e eslint-plugin-reagire come dipendenze di progetto (ad esempio, npm install eslint eslint-plugin-react --save-dev). Speriamo che questo aiuti.

Answer 2

Io uso Atom e funziona perfettamente. Hai solo bisogno di un .eslintrc nella radice del progetto che indica a ESLint che stai usando eslint-plugin-react.

Answer 3

Aggiornato risposta per il 2016: è sufficiente installare il pacchetto react in Atom e aggiungere un file .eslintrc nella root del progetto (o nella vostra home directory) contenente i seguenti:

{ 
    "parserOptions": { 
    "ecmaFeatures": { 
     "jsx": true 
    } 
    }, 
    "env": { 
    "es6": true 
    } 
} 

e riaprire tutti i file che contengono JSX e dovrebbe funzionare.

Answer 4

È necessario modificare un file locale di progetto .eslintrc che verrà prelevato da ESLint. Se si desidera l'integrazione con Atom, è possibile installare i plugin linter e linter-eslint.

Per rapidamente ESLint setup per Reagire migliori pratiche, migliore opzione corrente è l'installazione del pacchetto NPM eslint-plugin-react ed estendendo la loro configurazione recommended invece di commutazione molte regole manualmente:

{ 
    "extends": [ "eslint:recommended", "plugin:react/recommended" ], 
    "plugins": [ "react" ] 
} 

Ciò consentirà eslint-plugin-react e raccomandato regole da ESLint & Preselezioni di reazione. Vi sono informazioni più preziose nell'ultimo ESLint user-guide stesso.

Ecco un esempio di opzioni di parser ottimizzati per ES6 e webpack:

{ 
    "parserOptions": { 
    "sourceType": "module", 
    "ecmaVersion": 6, 
    "ecmaFeatures": { 
     "impliedStrict": true, 
     "experimentalObjectRestSpread": true, 
     "jsx": true 
    } 
    } 
} 

Answer 5

1. Per gli utenti Mac: Vai Atom -> Preferenze -> Installa -> pacchetto di Ricerca linter-eslint -> clicca installare

2. per gli utenti di Ubuntu: Vai a Modifica -> preferenze -> installa -> pacchetto di Ricerca Linter-eslint -> clicca installare

3. go t o riga di comando ---> npm install --save-dev eslint-config-rallycoding

4. Vieni at atom a creare un nuovo file .eslintrc ed estendere il rallycoding.