在 Vue 3.0 使用 ESLint 分析工具和 Airbnb 程式碼風格

做法

安裝 @vue/eslint-config-airbnb 套件。

1
yarn add @vue/eslint-config-airbnb --dev

在根目錄新增 .eslintrc.js 檔:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/recommended',
'@vue/airbnb',
],
parserOptions: {
parser: 'babel-eslint',
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'import/extensions': ['error', 'ignorePackages'],
},
};