Решил применить плагин 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