有時候雖然我們知道怎么去處理eslint規則所報的錯誤，但是如果項目過大，文件過多，未免會有些不耐煩。如果這時我們能夠按照eslint規則一鍵修復，那簡直不要太爽了啊。接下來我就說下怎么解決這個問題

• 首先，安裝eslint 模塊依賴

npm install eslint

• nuxt.中找到nuxt.config.js，在build中修改如下

extend(config, ctx) {config.module.rules.push({enforce: 'pre',test: /\.(js|vue)$/,loader: 'eslint-loader',exclude: /(node_modules)/,options: {fix: true}});}

• 找到package.json文件, 在scripts中修改:

"scripts": {"start": "nuxt start","lint:js": "eslint --ext .js,.vue --ignore-path .gitignore . --fix", // 這里加--fix"lint": "npm run lint:js" // 運行上述lint.js文件},

• 最后，重啟項目，運行修復命令

npm run dev npm run lint

碼字不易，如果對你有用的話，麻煩幫我點個贊👍噢。蟹蟹啦~ 😀😀😀

總結

以上是生活随笔為你收集整理的按照eslint 规则一键修复的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。