whatisgithub

What is eslint-plugin-vue?

vuejs/eslint-plugin-vue — explained in plain English

Analysis updated 2026-06-26

4,596TypeScriptAudience · developerComplexity · 2/5LicenseSetup · easy

In one sentence

The official ESLint plugin for Vue.js that automatically checks your Vue single-file components for coding mistakes and style issues before you run them, with pre-configured rule sets to get started fast.

Mindmap

mindmap
  root((eslint-plugin-vue))
    What it does
      Lints Vue components
      Catches bugs early
      Enforces style rules
    How it works
      Extends ESLint
      Needs vue-eslint-parser
      Pre-configured rule sets
    Use cases
      Team code standards
      Bug prevention
      CI quality gates
    Tech stack
      TypeScript
      ESLint
      Vue.js
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Add automatic code quality checks to a Vue.js project to catch bugs and style violations before they reach production

USE CASE 2

Apply a consistent coding standard across a Vue team using the plugin's built-in recommended rule collections

USE CASE 3

Lint Vue single-file component templates, which standard ESLint cannot parse on its own

What is it built with?

TypeScriptJavaScriptVue.jsESLint

How does it compare?

vuejs/eslint-plugin-vueliveblocks/liveblocksfathah/hermes-desktop
Stars4,5964,5944,600
LanguageTypeScriptTypeScriptTypeScript
Setup difficultyeasymoderateeasy
Complexity2/53/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Minor version updates may introduce new rules that cause previously passing code to show warnings, pin with a tilde in package.json.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

This repository is the official ESLint plugin for Vue.js. ESLint is a widely used tool in JavaScript development that automatically scans code for mistakes, style issues, and patterns that could cause bugs, before you run the code. A plugin extends ESLint with rules specific to a particular framework or file format. Vue.js uses a custom file format called single file components, where HTML, JavaScript, and CSS for one component live together in a single file. Standard ESLint cannot parse these files on its own, so this plugin works alongside a special parser called vue-eslint-parser that understands Vue's template syntax and makes it available for analysis. The plugin ships a set of pre-configured rule collections so teams can get started quickly with a recommended baseline rather than configuring every rule individually. Full documentation including all available rules lives at eslint.vuejs.org. One versioning note worth knowing: the plugin does not follow the same update guarantees as ESLint itself. Minor version updates may add new rules or tighten existing ones, which can cause previously passing code to show new warnings. The README recommends pinning with a tilde in your package.json to avoid surprise changes during routine dependency updates. The project is open-source under the MIT license and contribution is welcome. The README points developers to the ESLint documentation and an AST Explorer tool if they want to write or understand new rules.

Copy-paste prompts

Prompt 1
How do I install and configure eslint-plugin-vue for a Vue 3 project and enable the recommended rule set?
Prompt 2
Which eslint-plugin-vue rules are most useful for catching common mistakes in Vue single-file components?
Prompt 3
My Vue project started showing new lint errors after a minor update to eslint-plugin-vue. How do I pin the version to avoid surprise changes?
Prompt 4
How do I write a custom ESLint rule for Vue templates using eslint-plugin-vue and the AST Explorer tool?

Frequently asked questions

What is eslint-plugin-vue?

The official ESLint plugin for Vue.js that automatically checks your Vue single-file components for coding mistakes and style issues before you run them, with pre-configured rule sets to get started fast.

What language is eslint-plugin-vue written in?

Mainly TypeScript. The stack also includes TypeScript, JavaScript, Vue.js.

What license does eslint-plugin-vue use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is eslint-plugin-vue to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is eslint-plugin-vue for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.