create-react-app 創建的項目自帶eslint,所以只需要添加eslintrc,然后再按照eslint插件,你就可以看到代碼檢測報錯。
在修改了eslintrc之后你也可以直接看到效果,或者運行
eslint --ext .js,.jsx src
也可以看到效果,但需要注意的是:
就算你修改了eslintrc 它也只在編輯器中生效,它不會使你的瀏覽器 和 終端的lint發生改變
這是因為 create-react-app 提供了一套常見的規則,在webpack.config.js 里面有個eslint-loader的配置,cache屬性設置的是 true,把它修改為false,重啟
你修改的eslintrc就可以生效了
但是不推薦,如果需要強制要求每個人的編碼風格可以使用prettier,或者利用 husky 和lint-stated,在提交的時候檢測代碼。
而不推薦在讓它直接在瀏覽器中報錯
