在 Nuxt 2.0 使用 ESLint 程式碼檢查工具並套用 Airbnb 程式碼風格

ESLint
, , , , ,

環境

  • Windows 7
  • node 8.11.1
  • npm 5.6.0

做法

使用以下指令安裝。

1
2
npm install -g install-peerdeps
install-peerdeps --dev eslint-config-airbnb-base

修改 .prettierrc 檔。

1
2
3
4
5
6
{
  "semi": true,
  "singleQuote": true,
  "trailingComma": "all",
  "arrowParens": "always"
}

修改 .eslintrc.js 檔。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
extends: [
  'plugin:vue/recommended',
  'plugin:prettier/recommended',
  'airbnb-base'
],
// ...
rules: {
  'arrow-parens': ['error', 'always'],
  'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  'no-param-reassign': ['error', { 'props': false }],
  'no-return-assign': ['error', 'except-parens'],
  'space-before-function-paren': ['error', 'never'],
}

程式碼