workshop-setup

ESLint

Narzędzie pozwala weryfikować napisany kod, aby spełniał wymagania ustalone przez zespół developerski bądź trenera.

Instalacja

Ze względu, że narzędzie znajduje się w npm wystarczy wydać polecenie:

npm install eslint

Konfiguracja

Istnieje wiele konfiguracji, które zawierają predefiniowane reguły.

Popularne:

• eslint-config-airbnb
• eslint-config-react-app
• eslint-config-standard

Konfiguracje osób z naszej społeczności:

• eslint-config-piecioshka
• @chimeraprime/eslint-config-chimera-prime

Instalacja wybranej konfiguracji

np.

npm install eslint-config-NAZWA

Stworzenie pliku z konfiguracją

W głównym katalogu projektu stwórz plik .eslintrc.js o zawartości:

module.exports = {
    extends: 'NAZWA',

    env: {
        browser: true,
        node: true,
        es6: true,
    },
    rules: {},
    globals: {},
    parserOptions: {}
};

Włączenie w edytorach

WebStorm / PHPStorm

1. Otwórz File -> Settings -> Language & Frameworks -> JavaScript -> Code Quality Tools -> ESLint
2. Wybierz opcją Enable