eslint-plugin-vue 源码分析文档

eslint-plugin-vue 源码分析文档

一、概述

eslint-plugin-vue是 Vue.js 官方的 ESLint 插件，用于对 Vue 单文件组件（.vue 文件）进行代码检查。由于 ESLint 原生只支持 JavaScript 文件的检查，该插件通过特殊的解析器和处理器实现了对 Vue 文件的全面支持，包括模板（template）、脚本（script）和样式（style）部分的独立检查。

核心特性：

• 支持 260+ 个 Vue 特定的 ESLint 规则
• 同时兼容 Vue 2 和 Vue 3
• 支持模板和脚本的联合分析
• 提供多个配置预设（essential、strongly-recommended、recommended）

二、核心架构

2.1 架构层次

2.2 工作流程