Intellij plugin: AirBnB ESLint w/ Reagieren

Verwendung von Intellij Idea 15.0.2 auf Ubuntu 15.10, und versucht zu konfigurieren ESLint zu arbeiten.

Folgen Sie den Anweisungen auf Jetbrains' Website, aber keine Würfel.

Hier ist ein screencap von meinem Einstellungen zu Sprachen&frameworks > javascript > code-quality-tools > ESLint. Und hier ist ein screencap meiner nodejs/npm-Einstellungen innerhalb von IntelliJ.

Und meine .eslintrc - Datei in das root-Verzeichnis der Projekte:

{
  "extends": "airbnb",
  "rules": {
    "comma-dangle": 0
  }
}

Hier ist ein Ausschnitt aus /index.js produziert keine Fehler oder Warnungen in IntelliJ: 

var superman = {
    default: { clark: "kent" },
    private: true
};

Hier ist die Ausgabe wenn ich eslint index.js aus dem terminal:

   4:1   error    Unexpected var, use let or const instead                      no-var
   5:5   error    Expected indentation of 2 space characters but found 4        indent
   5:23  error    Strings must use singlequote                                  quotes
   6:5   error    Expected indentation of 2 space characters but found 4        indent

Hinweis: ich glaube, ESLint läuft, denn bevor ich änderte meine .eslintrc auf der AirBNB-version, ich war mit ein .eslintrc von Github, das warf eine Reihe von ESLint Fehler in IntelliJ (das heißt, Fehler in der .eslintrc - Datei selbst, nicht mein code).

Sobald ich fixiert diesen Fehler, obwohl das plugin beruhigt und schrie nicht auf mich wenn ich es getestet, die durch die Herstellung Fehler.

  • konnte nicht posten, mehr als 2 links im OP b/c rep Einschränkungen, also: die .eslintrc von github das produziert Fehler, die walkthrough auf jetbrains folgte ich in der config ESLint IntelliJ plugin.
  • vielleicht hilft themarketingtechnologist.co/...
  • wow. wie hatte ich übersehen--danke, ich hatte im Grunde aufgegeben, dass. wenn Sie buchen möchten, und als Antwort, ich werd daneben als angenommen
InformationsquelleAutor Brandon | 2016-01-09
  1. 25

    JetBrains (Idee, Webstorm) Einstellungen

    Datei > Einstellungen > Plugins > Browse repositories... > Suche: eslint > Installation > neu Starten WebStorm

    Datei > Einstellungen > Sprachen & Frameworks > JavaScript > Code-Quality-Tools > ESLint

    Intellij plugin: AirBnB ESLint w/Reagieren

    Danach sollte es funktionieren wie hier:

    Intellij plugin: AirBnB ESLint w/Reagieren

    ESLint config

    ESLint kommt nicht mit einer config. Sie müssen erstellen Sie Ihre eigenen oder verwenden Sie eine Voreinstellung:

    npm install --save-dev eslint-config-airbnb eslint

    Dann in Ihr .eslintrc

    {
  "extends": "airbnb"
}

    Können Sie auch selektiv deaktivieren/ändern Sie einige Regeln aus der Vorgabe (0 - keine Regel, 1 - warning, 2 - Fehler):

    {
  'extends': 'airbnb',
  'rules': {
    'indent': [2, 'tab', { 'SwitchCase': 1, 'VariableDeclarator': 1 }],
    'react/prop-types': 0,
    'react/jsx-indent-props': [2, 'tab'],
  }
}

    Lesen: Ausschalten eslint-Regel für eine bestimmte Linie.

    Wenn Sie nicht möchten, zu verwenden airbnb config (die meisten populären javascript-style-guide), können Sie Ihre eigenen erstellen. Hier ist die Anleitung für reagieren: Wie config ESLint für Reagieren auf Atom-Editor.

    Erstellen Sie Ihre eigene Vorgabe, die Sie haben zu erstellen npm-Paket namens " eslint-config-MeinName und dann verwenden 'extends': 'myname', http://eslint.org/docs/developer-guide/shareable-configs

    Können Sie die Befehlszeile verwenden, um zu überprüfen, ob eslint funktioniert:

    ./node_modules/.bin/eslint .

    Können Sie ausschließen, obwohl einige Dateien aus eslinting (node_modules werden standardmäßig ausgeschlossen) in .eslintignore:

    bundle.js

    Gibt es auch eine --fix Schalter für eslint.

    .editorconfig

    Guter Begleiter für ESLint ist editorconfig. Hier ist ein Beispiel, das funktioniert in JetBrains Produkte:

    root = true

# Unix-style newlines with a newline ending every file
[*]
end_of_line = lf
insert_final_newline = true


# Matches multiple files with brace expansion notation
# Set default charset
[*.{js,jsx,html,sass}]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

# don't use {} for single extension. This won't work: [*.{css}]
[*.css]
indent_style = space
indent_size = 2

    Ich habe auch ein github-repository, die bereits diese Dateien gesetzt https://github.com/rofrol/react-starter-kit/

    Basierend auf dieser https://www.themarketingtechnologist.co/how-to-get-airbnbs-javascript-code-style-working-in-webstorm/

    Mehr hier https://www.jetbrains.com/webstorm/help/using-javascript-code-quality-tools.html

    • Sie haben auch die Verwendung babel-parer oder die airbnb extends nicht funktionieren würde, richtig
    InformationsquelleAutor rofrol
Schreibe einen Kommentar