如果你使用Vue，那么你一定會對ESLint這個工具感到熟悉。ESLint可以幫助我們在編寫JavaScript代碼時自動檢測錯誤并糾正它們。對于Vue項目來說，我們還可以使用ESLint與Prettier和Airbnb規則集一起使用來統一代碼風格。

那么，怎么使用ESLint來配合Vue呢？.

// 安裝相關依賴
npm install eslint-plugin-vue eslint-config-airbnb-base eslint-plugin-import eslint-plugin-prettier prettier --save-dev
// 創建.eslintrc.js文件
module.exports = {
extends: [
'airbnb-base',
'plugin:vue/recommended',
'prettier',
'prettier/vue',
],
plugins: ['vue', 'prettier'],
rules: {
'vue/max-attributes-per-line': 'off',
'prettier/prettier': ['error', { singleQuote: true }],
},
};

首先安裝相關依賴，然后創建一個.eslintrc.js文件。在這個文件中，我們使用了Airbnb規則，同時添加了Vue相關的ESLint插件和Prettier插件。我們還通過rules屬性設置了一些規則：關閉了Vue的max-attributes-per-line檢查，并啟用了單引號檢查。

最后，我們必須在package.json文件中設置ESLint的腳本。這個示例中，我們添加了一個名為lint:eslint的腳本，可以通過npm run lint:eslint命令執行。

// package.json文件
{
"scripts": {
"lint:eslint": "eslint --ext .js,.vue src"
}
}

現在，我們就可以使用npm run lint:eslint命令檢查我們的代碼，并讓ESLint自動修復錯誤了。