Установка Eslint + Prettier + Vetur + EditorConfig

Документация

eslint.org - [official]
List of available rules ESLint - [official]
Форматирование кода в Vs code: Eslint, Prettier - [youtube.com]
Настройка ESLint - [code.i-harness.com] очень подробная инструкция на русском
ESLint или учимся писать на JavaScript правильно - небольшая шпаргалка
https://code.i-harness.com/ru/docs/eslint/rules/index - общие правила на русском
https://code.i-harness.com/ru/docs/eslint/user-guide/configuring - Настройка ESLint
https://standardjs.com/rules.html - [en] правила с примерами
Prettier, ESLint, Husky, Lint-Staged и EditorConfig: инструменты для написания аккуратного кода
Настройка ESLint

Установка Eslint

Установка npm без вопросов: npm init -y
Установка eslint: npm i --save-dev eslint
Установка шаблона: npm i --save-dev eslint-config-airbnb
Установка плагина импорта: npm i --save-dev eslint-plugin-import - без него не работает линтер

Создать файл ~.eslintrc в корневой директории

{
	// источники правил
	// "extends": "airbnb/base",
	"extends": "eslint:recommended",
	// "extends": "starndard",

	// Использовать глобальные переменные
	"globals": {
        "getData": true
    },
	"env": {
		"browser": true,
		"es6": true
	},
	"rules": {
		"indent": [1, "tab"], // Величина отступа 1 TAB
		"linebreak-style": ["error", "windows"], // правильный перевод строки для Windows 'CRLF', для unix 'LF'
		"no-console": "off", // разрешить консоль
		"no-unused-vars": [0], // отключить проверку неиспользуемых переменных
		"space-before-blocks": 1, // отступ перед блоками
		"keyword-spacing": ["warn", { "after": true }], // отступ после ключевых слов
		"space-infix-ops": "warn", // пробелы между знаком равно
		"key-spacing": ["warn", { "afterColon": true }] // 
	}
}

Наборы правил

https://www.npmjs.com/package/eslint-config-es5
https://www.npmjs.com/package/eslint-config-happiness
https://www.npmjs.com/package/eslint-config-google
https://www.npmjs.com/package/eslint-config-airbnb
https://www.npmjs.com/package/eslint-config-yandex
https://www.npmjs.com/package/eslint-config-vue
eslint-plugin-vue - This plugin allows us to check the <template> and <script> of .vue files with ESLint.
Опции использования плагина

Устранение ошибки Comments are not permitted in JSON:

Нажать Ctrl + P
Набрать settings.json
Вставить

    "files.associations": {
        "*.json": "jsonc",
        "*.eslintrc": "jsonc"
    },

Подробнее

Установка Prettier

В панели установки плагинов набрать Prettier найти от автора Esben Petersen.
В файл settings.json дописать
```
	"editor.formatOnSave": true, // включение prettier по сохранению
	"prettier.useTabs": true // prettier делает отступы TAB'ами
```
Для старых проектов бывает невозможным использование Prettier т.к. при авитформатировании может посыпатьс большое количество багов. Для этих проектов опцию "editor.formatOnSave": true - отключаем и настраиваем следующие кнопки:
editor.action.formatDocument - кнопки SHIFT + ALT + F - форматировать весь документ
editor.action.formatSelection - кнопки CTRL + K + F - форматировать выделенный документ

Vetur

Vetur - расширение для форматирование vue файлов.

Сделать отступы табами:

"vetur.format.options.useTabs": true // prettier делает отступы TAB'ами

EditorConfig

.EditorConfig - позволяет создать единый формат настроек.

Подробнее:

Основы | Настройка

Итоговый файл settings.json | keybindings.json