本文小編為大家詳細介紹“ESLine怎么配置及使用”，內容詳細，步驟清晰，細節處理妥當，希望這篇“ESLine怎么配置及使用”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

創新互聯是一家專注于成都網站設計、網站建設與策劃設計,南山網站建設哪家好?創新互聯做網站,專注于網站建設10余年,網設計領域的專業建站公司;建站業務涵蓋:南山等地區。南山做網站價格咨詢:028-86922220

環境：React，Webpack，Babel

基本安裝
npm install eslint --save-dev
npm install eslint-loader --save-dev
處理ES6
npm install babel-eslint --save-dev
針對React
npm install eslint-plugin-react --save-dev

在webpack中配置

...module: {
	rules: [{test: /\.(js|jsx)$/,exclude: /node_modules/,use: ["babel-loader","eslint-loader"] }]}...

詳細規則配置
在項目根目錄下新建.eslintrc文件(可 eslint --init生成)

忽略檢測
根目錄新建.eslintignore文件 里面直接寫要忽略的目錄

src/containers/hotSearch/src/entry/src/helper/src/store/

至此，在編寫代碼中出現錯誤可有紅色波浪線提示，如未定義直接使用變量

項目運行后可在控制臺console查看報錯

每次修改.eslintrc文件規則時建議重新運行項目。

讀到這里，這篇“ESLine怎么配置及使用”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創新互聯行業資訊頻道。