WebStorm setup/konfiguriert eslint für Projekt Reagieren

Question

Verwendung: WebStorm 2016,3

Ich erhalte alle Arten von Warnungen von eslint nach einem Projekt mit create-react-app einrichten.

Die Dokumentation ist nicht klar Einstellungen zu verwenden/ignorieren nützliche Eslint Warnungen in meinem Projekt.

Answer 1

Erste setup/installieren: npm i -D eslint babel-eslint in Ihrem Projekt

Gehen Sie dann in WebStorm Einstellungen> Sprache & Frameworks> Javascript> Code-Qualitätswerkzeuge> ESLint

1. Stellen Sie Ihr ESLint Paket-zu-Punkt entweder die aktuelle Projekte ... /node_modules/eslint/ oder ein anderes Verzeichnis, in dem Sie eslint über npm installiert haben.
2. Stellen Sie sicher, "Automatische Suche" aktiviert ist, wird dies die .eslintrc Datei in Ihrem Projektverzeichnis
3. .eslintrc erstellen in Ihrem Projektverzeichnis root verwenden & hinzufügen Konfiguration:

{ 
 
    "parser": "babel-eslint", 
 
    "parserOptions": { 
 
    "ecmaFeatures": { 
 
     "jsx": true, 
 
     "modules": true 
 
    } 
 
    }, 
 
    "rules": {} 
 
}