Skip to content

Commit

Permalink
feat(blog) Перевод Обновленная интеграция Nuxt ESLint
Browse files Browse the repository at this point in the history
  • Loading branch information
Ivan Bochkarev committed Jun 3, 2024
1 parent 73fd4dc commit da3c1c2
Showing 1 changed file with 17 additions and 1 deletion.
18 changes: 17 additions & 1 deletion content/7.blog/24.eslint-module.md
Original file line number Diff line number Diff line change
Expand Up @@ -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({
Expand Down

0 comments on commit da3c1c2

Please sign in to comment.