Anthony Fu сделал еще один инструмент для работы с ESLint конфигурацией - eslint-flat-config-viewer
Визуально показывает правила
Запускается без установки в проект следующей командой в директории, где лежит конфиг файл:
#eslint #antfu
Визуально показывает правила
eslint.config.js, созданного в новом Flat конфиг форматеЗапускается без установки в проект следующей командой в директории, где лежит конфиг файл:
npx eslint-flat-config-viewer
#eslint #antfu
Решил применить плагин eslint-plugin-vuejs-accessibility на своем проекте онлайн магазина Arty-Crafty. По PageSpeed оценка по
Кстати, когда
Чтобы подключить плагин в ESlint flat config (типа того, что используется в antfu
#a11y #eslint #artycrafty
A11y была 72, теперь вот так. Мелочь, а приятно. БОльшую часть ошибок плагин помог исправить, остальное - по подсказкам PageSpeed. Кстати, когда
eslint-plugin-vuejs-accessibility показывает ошибку, по ссылке можно попасть на очень хорошее описание в документации плагина соответствующего требования A11y и варианты исправления, так что однозначно рекомендуется.Чтобы подключить плагин в ESlint flat config (типа того, что используется в antfu
eslint-config) нужен примерно такой код (в доке этого нет):import a11y from "eslint-plugin-vuejs-accessibility";
export default antfu({
plugins: {
"vuejs-accessibility": a11y,
},
rules: {
...a11y.configs.recommended.rules,
"no-console": "off",
#a11y #eslint #artycrafty
Не так давно
Отметим, как работает эта утилита для просмотра
Это хороший способ создать лёгкое мультиплатформенное приложение с графическим веб интерфейсом, без необходимости засовывать его в
#antfu #eslint
Antony Fu создал eslint-flat-config-viewer, который официально теперь часть ESLint 9 - ESlint Config InspectorОтметим, как работает эта утилита для просмотра
ESLint конфига - запускается небольшой локальный вебсервер, и затем открывается окно с веб-приложением непосредственно утилиты. Так работает немало как встроенных (админки аппаратных роутеров), так и обычных компьютерных программ (Syncthing, например). Это хороший способ создать лёгкое мультиплатформенное приложение с графическим веб интерфейсом, без необходимости засовывать его в
Electron. Правда, подходит этот метод больше для продвинутых пользователей.#antfu #eslint
eslint.org
Introducing ESLint Config Inspector - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
Вышел ESLint Configuration Migrator
Предназначен для перевода предыдущих вариантов конфига
Данный формат стал основным начиная с
#eslint
Предназначен для перевода предыдущих вариантов конфига
ESlint (.eslintrc, .eslintrc.json, .eslintrc.yml) в новый "flat config" формат - eslint.config.jsДанный формат стал основным начиная с
ESlint 9.0#eslint
npm
npm: @eslint/migrate-config
Configuration migration for ESLint. Latest version: 1.4.1, last published: a month ago. Start using @eslint/migrate-config in your project by running `npm i @eslint/migrate-config`. There are 5 other projects in the npm registry using @eslint/migrate-config.
This media is not supported in your browser
VIEW IN TELEGRAM
Если в
Можно потратить кучу времени, пытаясь определить, что сломалось. Логи
#vscode #volar #eslint #ide
VS Code у вас отключено автоматическое обновление редактора или стоит firewall, запрещающий такие запросы, то в один момент Volar или Eslint могут просто перестать работать, потому что их новая версия требует последних версией VS Code (и это случается далеко не редко). Об этом будет краткая запись в output логах Eslint.Можно потратить кучу времени, пытаясь определить, что сломалось. Логи
VS Code - очень полезная штука.#vscode #volar #eslint #ide
В комментариях подсказали еще один
По сравнению с
Поставил - пока положительные впечатления. Форматирует везде и неплохо. Не нужно поправлять вторым форматтером.
#eslint #prettier #eslintconfig
eslint-config, сильно упрощающий настройку линтинга и форматирования кода - @sxzz/eslint-config,По сравнению с
eslint-config от Anthony Fu у него более строгие ESlint правила (от unicorn и perfectionist), которые заставляют писать более эффективный код, а для форматирования используется Prettier.Поставил - пока положительные впечатления. Форматирует везде и неплохо. Не нужно поправлять вторым форматтером.
#eslint #prettier #eslintconfig
GitHub
GitHub - sxzz/eslint-config: A opinionated ESLint config preset.
A opinionated ESLint config preset. Contribute to sxzz/eslint-config development by creating an account on GitHub.