From da3c1c25ba762e7409c108dce633e299fda10c9f Mon Sep 17 00:00:00 2001 From: Ivan Bochkarev Date: Mon, 3 Jun 2024 13:09:10 +0600 Subject: [PATCH] =?UTF-8?q?feat(blog)=20=D0=9F=D0=B5=D1=80=D0=B5=D0=B2?= =?UTF-8?q?=D0=BE=D0=B4=20=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=BD=D0=B0=D1=8F=20=D0=B8=D0=BD=D1=82=D0=B5=D0=B3=D1=80=D0=B0?= =?UTF-8?q?=D1=86=D0=B8=D1=8F=20Nuxt=20ESLint?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- content/7.blog/24.eslint-module.md | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/content/7.blog/24.eslint-module.md b/content/7.blog/24.eslint-module.md index 928f30567..3bc2fd89c 100644 --- a/content/7.blog/24.eslint-module.md +++ b/content/7.blog/24.eslint-module.md @@ -213,7 +213,23 @@ npx nuxi module add eslint ### Генерация типов для правил -Одной из главных проблем при настройке ESLint была утечка информации о типах для правил и конфигураций. Трудно понять, какие опции доступны для конкретного правила, и для этого пришлось бы перерыть всю документацию по каждому правилу, чтобы найти +Одной из главных проблем при настройке ESLint была утечка информации о типе правил и конфигураций. Трудно понять, какие опции доступны для конкретного правила, и для того, чтобы это выяснить, приходится перерывать всю документацию по каждому правилу. + +Еще раз спасибо за то, что новый плоский конфиг стал динамическим с таким количеством возможностей. Мы придумали новый инструмент, [`eslint-typegen`](https://github.com/antfu/eslint-typegen), который может генерировать соответствующие типы из схемы конфигурации правил для каждого правила **на основе фактических плагинов, которые вы используете**. Это означает, что это универсальное решение, которое работает для любых плагинов ESLint, и типы всегда точны и актуальны. + +В модуле `@nuxt/eslint` эта функция интегрирована из коробки, так что вы сразу же получите этот потрясающий опыт: + +![Скриншот кода VS Code, демонстрирующий проверку типов и автозаполнение с помощью конфигурации правил ESLint](/assets/blog/nuxt-eslint-typegen.png) + +### Dev Server Checker + +С появлением нового модуля мы воспользовались возможностью объединить [`@nuxtjs/eslint-module`](https://github.com/nuxt-modules/eslint) и программу проверки сервера разработчиков для ESLint в новый модуль `@nuxt/eslint` в качестве опциональной возможности. + +::note +В большинстве случаев эта возможность вам не понадобится, так как интеграция с вашим редактором уже должна обеспечивать диагностику ESLint прямо в редакторе. Однако для некоторых команд, которые работают с разными редакторами и хотят, чтобы ESLint всегда был запущен, возможность запускать ESLint внутри dev-сервера может быть полезной в некоторых случаях. +:: + +Чтобы включить эту функцию, вы можете установить опцию `checker` в значение `true` в опциях модуля: ```ts [nuxt.config.ts] export default defineNuxtConfig({