Vue.js 是一個流行的 JavaScript 框架，廣泛應用于現代 Web 開發中。然而，隨著項目規模的增大和團隊協作的加強，代碼質量的維護變得越來越重要。在此背景下，實現代碼規范化成為了開發者的重要任務之一。而其中一個重要的工具就是 ESLint，通過 ESLint 可以對代碼進行靜態分析并自動檢測潛在的問題，幫助開發者提高代碼質量。

而對于在 Vue.js 中編寫的 HTML 模板，我們同樣也需要對其進行規范化和檢查。這時候，在原有的 ESLint 基礎上，我們需要使用一個特殊的插件——eslint-plugin-html。該插件可以用于在 HTML 中檢測語法錯誤，確保我們的模板能夠正常渲染。

// 安裝 eslint-plugin-html
npm install --save-dev eslint-plugin-html
// 在ESLint配置中添加plugin
{
"plugins": [
"html"
]
}

在安裝并配置好以上環境之后，我們可以開始使用 ESLint 插件對 HTML 模板進行規范化檢查了。例如，我們可以配置如下規則，限制 HTML 模板中必須使用雙引號：

// 在 .eslintrc.js 中添加 rules
{
"rules": {
"html-quotes": ["error", "double"]
}
}

通過上述 ESLint 配置，我們可以確保在 HTML 模板中必須使用雙引號，禁止使用單引號。這樣，我們就可以避免因為 HTML 模板規范問題引發的潛在問題。