ESLint Style

Библиотека стилей оформления JS/TS/Vue/HTML кода.

Установка

Для установки библиотеки и зависимостей в терминале необходимо выполнить:

npm install --save-dev @snabcentr/eslint-config

Для подключения правил, описанных в библиотеке необходимо в раздел extends конфигурации ESLint добавить ссылку на необходимую конфигурацию:

{
    "extends": {
        # Для Angular приложения
        "@snabcentr/eslint-config/angular-defaults.cjs"
        
        # Для Vue3 приложения
        "@snabcentr/eslint-config/vue-defaults.cjs"
    }
}

Пример Vue3 конфигурации

Например, для Vue3 приложения конфигурация может выглядеть следующим образом (файл .eslintrc.json):

{
  "root": true,
  "env": {
    "browser": true,
    "es2022": true,
    "node": true
  },
  "extends": [
    "@snabcentr/eslint-config/vue-defaults.cjs"
  ]
}

По аналогии формируются и другие конфигурации.

Prettier

Отвечает за форматирование кода.

Пример конфигурации

Для объявления конфигурации создайте файл .prettierrc.json в корне проекта со следующим содержимым:

"@snabcentr/eslint-config/prettier-defaults.json"

Отключение правила автоматического форматирования Prettier

В раздел rules конфигурации ESLint проекта (файл .eslintrc.json) необходимо добавить правило:

{
  "prettier/prettier": "off"
}