Как форматировать код с помощью линтера в VueJS проекте?

Question

[serg801]

По умолчанию во VueJS проекте в package.json есть команда "lint" (npm run rint). Команда не "форматирует" код, только выводит "уведомления".

Вопрос: как форматировать отступы в html (*.vue), CSS, JS etc?

Comments

[Вадим]

https://eslint.org/
https://eslint.vuejs.org/
https://prettier.io/
https://tproger.ru/translations/setting-up-eslint-...
https://maxpfrontend.ru/vebinary/nastroyka-eslint-...

Answer 1

[iBird Rose]

ищи плагины для редактора, которые будут этим заниматься.
к примеру storm по умолчанию должен форматировать при сохранении, если в проекте есть eslint.
для vscode такой плагин нашел https://marketplace.visualstudio.com/items?itemNam...
в общем гугли в эту сторону

Answer 2

[Орхан Гасанлы]

Насколько я помню в продуктах jetBrains (Storm, IDEA) это есть по умолчанию.
В Sublime Text 3 - ищите beautify плагин. Некоторые из них требуют наличия node
Для VSCode тоже есть плагины.