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

做法

安裝 eslint 依賴套件。

npm i eslint \
    eslint-plugin-react \
    eslint-config-airbnb \
    --save-dev

新增 .eslintrc.js 檔。

module.exports = {
  extends: 'airbnb',
  plugins: [
    'react',
  ],
  parserOptions: {
    ecmaVersion: '2020', // or above
  },
  rules: {
    //
  },
};

修改 package.json 檔。

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "lint": "eslint src"
  }
}

執行檢查。

npm run lint