Настройка ESLint в редакторе VS Code
16 июнь 2018 12:11 - 16 июнь 2018 12:14 #1
от Inter-Net PRO
Inter-Net PRO создал тему "Настройка ESLint в редакторе VS Code"
Существует много инструментов форматирующих код.
Для JavaScript лучшим стандартизатором кода в настоящее время считается ESLint. Так для редактора VS Code уже более 9 млн установок этого расширения: marketplace.visualstudio.com/items?itemN...aeumer.vscode-eslint
Установка NPM-пакета ESLint
В корневой директории проекта вводим через терминал:
Установка темы Airbnb
Тема - это настроенный стиль форматирования.
Самая популярная тема для ESLint это Airbnb. У неё 72К звёздочек на гитхабе. Репозиторий и документация: github.com/airbnb/javascript
Установка:
Чтобы подключить Airbnb, в корневой папке проекта создаём файл с названием .eslintrc
В этом файле подключаем Airbnb
Плагин импорта для ESLint
Видео:
.
Плагин Prettier
Это плагин для быстрого исправления стиля кода JavaScript. Устанавливается через менеджер расширений в редакторе VS Code.
У него более 2,7 млн установок в редакторе VS Code и 25K звёздочек на гитхабе.
Страница на гитхабе: https://github.com/prettier/prettier
Настройки Prettier из видео:
Для 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"