guahsu/Create-react-app-with-StandardJS.md

## Create-react-app-with-StandardJS.md

      
    Raw
  

              Create-react-app-with-StandardJS.md
            
          
    Create-react-app 加入 StandardJS

1. 執行npm run eject

2. 安裝 eslint & standard

npm install --save-dev eslint standard eslint-config-standard eslint-config-standard-react eslint-plugin-promise eslint-plugin-react eslint-plugin-standard

3. 建立 .eslintrc 到根目錄(與package.json同層)

{
  "parser": "babel-eslint", // 使eslint支援新語法
  "extends": ["standard", "standard-react"],
  "rules": {
    // 如果有使用prop-types, 所有class都會要求使用, 可用這設定忽略檢查
    "react/prop-types": [
      "enabled",
      { "ignore": "ignore", "customValidators": "customValidator" }
    ]
  }
}

4. 執行standard —fix

檢查並修正所有js的格式，要注意，任何window物件都要加上window。

例如 serviceWorker裡面的fetch要改成window.fetch
其他

開發時需要使用debudder時，需繞過檢查改使用：debugger // eslint-disable-line