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
👍26
Не так давно
Отметим, как работает эта утилита для просмотра
Это хороший способ создать лёгкое мультиплатформенное приложение с графическим веб интерфейсом, без необходимости засовывать его в
#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.
👍1
Вышел 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.
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
ESLint выкатил свой роадмап на неопределенное будущееИз интересного - будут делать поддержку линтинга других (в дополнение к
ES) языков, и собираются переписать свой core с нуля. Ибо он написан 11 лет назад и устарел.#eslint
😁4🔥2
Если в
Можно потратить кучу времени, пытаясь определить, что сломалось. Логи
#vscode #volar #eslint #ide
VS Code у вас отключено автоматическое обновление редактора или стоит firewall, запрещающий такие запросы, то в один момент Volar или Eslint могут просто перестать работать, потому что их новая версия требует последних версией VS Code (и это случается далеко не редко). Об этом будет краткая запись в output логах Eslint.Можно потратить кучу времени, пытаясь определить, что сломалось. Логи
VS Code - очень полезная штука.#vscode #volar #eslint #ide
❤3👍1
В комментариях подсказали еще один
По сравнению с
Поставил - пока положительные впечатления. Форматирует везде и неплохо. Не нужно поправлять вторым форматтером.
#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.
👍8❤1