eslint驗證,為我們提升我們的代碼質量和良好的編碼風格帶來了非常大的幫助,但是由于其語法驗證的嚴格,很多程序員在初期使用的時候很不適應,就想怎么能夠去掉eslint驗證。
其實把eslint驗證去除的方法并不復雜,因為我們的腳手架是基于webpack的,那么一般的配置操作都會在webpack工具的配置文件中進行配置,那么我們就直接找webpack的配置文件就可以了。可能我們的很多剛開始接觸vue-cli腳手架工具的朋友可能會說我搭建完項目后,build目錄下有3個webpack開頭的配置文件,那么我去找哪個?
我們可以看下文件的名字,分別為:webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js,這樣我們就可以很容易就確定webpack.dev.conf.js是運行開發環境時執行的一些配置,webpack.prod.conf.js是在運行生成環境時走的一些配置,然后webpack.base.conf.js是一個基礎的配置文件,而我們想達到的目的及時無論是開發環境還是生產環境都去掉eslint驗證,那么無論是修改開發環境或者生產環境都不能達到我們的目的,那么剩下的就是修改webpack.base.conf.js或者分別修改生產環境或開發環境的配置了。到了這一步了,基本不用往下想就知道修改webpack.base.conf.js這個基礎配置文件了。
具體修改方法如下:
module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: //.vue$/, loader: 'vue-loader', options: vueLoaderConfig },先找到這段代碼,然后將eslint的的規則刪除或者注釋掉就可以了。
最終代碼:
module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []), { test: //.vue$/, loader: 'vue-loader', options: vueLoaderConfig },寫了這么多,其實就是想說一下我們遇到問題時的處理方法,如果一時找不到解決問題的方法、思路,就不防采用下排除法,然后還要多分析,多思考。這樣我們的編碼水平也會提升很快。雖然這樣eslint語法驗證去除了,但我們還是要保持良好的編碼風格,我們的代碼不光我們在編碼當時能看懂,讓別人能看懂,還要讓后來人也能看懂,這才會讓我們的技術、理念傳承下去。
以上這篇vue-cli腳手架搭建的項目去除eslint驗證的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選