Inter-Net.PRO

Настройка ESLint в редакторе VS Code

  • 216 50
16 июнь 2018 12:11 - 16 июнь 2018 12:14 #1 от Inter-Net PRO
Существует много инструментов форматирующих код.
Для JavaScript лучшим стандартизатором кода в настоящее время считается ESLint. Так для редактора VS Code уже более 9 млн установок этого расширения:  marketplace.visualstudio.com/items?itemN...aeumer.vscode-eslint

Установка NPM-пакета ESLint
В корневой директории проекта вводим через терминал:
npm i --save-dev eslint

Установка темы Airbnb
Тема - это настроенный стиль форматирования.
Самая популярная тема для ESLint это Airbnb. У неё 72К звёздочек на гитхабе. Репозиторий и документация:  github.com/airbnb/javascript
Установка:
npm i --save-dev eslint-config-airbnb

Чтобы подключить Airbnb, в корневой папке проекта создаём файл с названием .eslintrc
В этом файле подключаем Airbnb
{
    "extends": "airbnb/base"
}

Плагин импорта для ESLint
npm i --save-dev eslint-plugin-import

Видео:
.
Плагин Prettier
Это плагин для быстрого исправления стиля кода JavaScript. Устанавливается через менеджер расширений в редакторе VS Code.
У него более 2,7 млн установок в редакторе VS Code и 25K звёздочек на гитхабе.
Страница на гитхабе:  https://github.com/prettier/prettier

Настройки Prettier из видео:
"editor.tabSize": 2,
"editor.formatOnSave": true,
"prettier.printWidth": 100,
"prettier.singleQuote": true,
"prettier.eslintIntegration": true,
"prettier.stylelintIntegration": true,
"prettier.trailingComma": "es5"

Авторизация

Войти через соцсети: