vue中使用 ESLint


https://www.csdn.net/gather_25/MtTaAgysMDQ5MC1ibG9n.html

https://www.jianshu.com/p/724fb4cef0b4

https://blog.csdn.net/weixin_36934930/article/details/90694830  (高級配置,解決引入第三方jdk報錯

https://segmentfault.com/q/1010000019283432  .eslingignore 文件的使用,注明的文件夾或文件不會唄檢測報錯

 

 https://blog.csdn.net/fifteen718/article/details/82759570   解決 new () 報錯問題

如果能保證團隊里面,或者代碼貢獻者的IDE配置都是相同的,那我覺得就沒有必要。

在vue中使用 ESLint:

1、使用vue-cli:

在vue-cli在init初始化時會詢問是否需要添加ESLint,確認之后在創建的項目中就會出現.eslintignore和.eslintrc.js兩個文件。

 .eslintignore類似Git的.gitignore用來忽略一些文件不使用ESLint檢查。
 .eslintrc.js是ESLint配置文件,用來設置插件、自定義規則、解析器等配置。

2、配置ESLint:

Vue的項目配置eslint還是很簡單的。它屬於依賴插件中的一種,可以像安裝其他插件一樣在命令行用npm install eslint -g安裝,也可以修改package.json文件去更新項目的依賴包,重新跑一遍npm install就可以了。  eslint常用的依賴有很多,我貼出我用的一些。在package.jsonde 的dependencies或者devDependencies中添加下列屬性即可: 

"babel-eslint": "^7.1.1", "eslint-config-standard": "^6.2.1", "eslint-friendly-formatter": "^2.0.7", "eslint-loader": "^1.6.1", "eslint-plugin-html": "^2.0.0", "eslint-plugin-promise": "^3.4.0", "eslint-plugin-standard": "^2.0.1",

但是有可能項目沒有生成 eslintrc.js,碼友可以去網上搜eslintrc.js然后放在項目根目錄下即可。

 

vue項目中關閉ESLint

時候會被ESLint的報錯阻止程序的運行,這時候我們就想關閉這個ESLint了。在vue項目中關閉ESLint方法:找到build文件夾--->webpack.base.conf.js---->module。將這些代碼注釋掉,如圖:

然后重啟服務,npm run dev 就可以了。  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM