Suggest an edit

Improve this article

Refine the answer for “What is a plugin in ESLint?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

A plugin in ESLint is an extension that adds **additional rules, settings, or code-analysis capabilities** to the linter. Essentially, ESLint has a basic set of checks, and plugins let you extend it with the logic needed for specific technologies, libraries, or standards.

---

### **What a plugin does**

A plugin can:

- add its own rules (`rules`)
- provide ready-made sets of configurations (`configs`)
- enable support for specific syntaxes or conventions
- check code related to a specific stack (React, Vue, module imports, etc.)

---

### **When plugins are needed**

For example:

| Plugin | For what |
|---|---|
| `eslint-plugin-react` | checking correctness of code in React components |
| `eslint-plugin-import` | controlling the correctness and order of imports |
| `eslint-plugin-vue` | linting Vue SFCs |
| `@typescript-eslint/eslint-plugin` | rules for TypeScript |

Without plugins, ESLint does not know about the specifics of these technologies.

---

### **How a plugin is connected**

In `.eslintrc` it looks like this:

```json
{
  "plugins": ["react"],
  "rules": {
    "react/jsx-uses-react": "warn"
  }
}
```

`plugins` - registers the plugin,
`rules` - enables specific rules from it.

---

### **The essence in one sentence**

> An ESLint plugin is a module that adds new rules and extensions, letting the linter analyze code in the context of the needed framework, language, or convention.

Plugins make ESLint flexible and adaptable to any project.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts228 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.