新聞中心
eslint驗證,為我們提升我們的代碼質(zhì)量和良好的編碼風格帶來了非常大的幫助,但是由于其語法驗證的嚴格,很多程序員在初期使用的時候很不適應(yīng),就想怎么能夠去掉eslint驗證。
站在用戶的角度思考問題,與客戶深入溝通,找到進賢網(wǎng)站設(shè)計與進賢網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:網(wǎng)站制作、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋進賢地區(qū)。
其實把eslint驗證去除的方法并不復(fù)雜,因為我們的腳手架是基于webpack的,那么一般的配置操作都會在webpack工具的配置文件中進行配置,那么我們就直接找webpack的配置文件就可以了。可能我們的很多剛開始接觸vue-cli腳手架工具的朋友可能會說我搭建完項目后,build目錄下有3個webpack開頭的配置文件,那么我去找哪個?
我們可以看下文件的名字,分別為:webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js,這樣我們就可以很容易就確定webpack.dev.conf.js是運行開發(fā)環(huán)境時執(zhí)行的一些配置,webpack.prod.conf.js是在運行生成環(huán)境時走的一些配置,然后webpack.base.conf.js是一個基礎(chǔ)的配置文件,而我們想達到的目的及時無論是開發(fā)環(huán)境還是生產(chǎn)環(huán)境都去掉eslint驗證,那么無論是修改開發(fā)環(huán)境或者生產(chǎn)環(huán)境都不能達到我們的目的,那么剩下的就是修改webpack.base.conf.js或者分別修改生產(chǎn)環(huán)境或開發(fā)環(huán)境的配置了。到了這一步了,基本不用往下想就知道修改webpack.base.conf.js這個基礎(chǔ)配置文件了。
具體修改方法如下:
module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig },
先找到這段代碼,然后將eslint的的規(guī)則刪除或者注釋掉就可以了。
最終代碼:
module: { rules: [ // ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig },
寫了這么多,其實就是想說一下我們遇到問題時的處理方法,如果一時找不到解決問題的方法、思路,就不防采用下排除法,然后還要多分析,多思考。這樣我們的編碼水平也會提升很快。雖然這樣eslint語法驗證去除了,但我們還是要保持良好的編碼風格,我們的代碼不光我們在編碼當時能看懂,讓別人能看懂,還要讓后來人也能看懂,這才會讓我們的技術(shù)、理念傳承下去。
以上這篇vue-cli腳手架搭建的項目去除eslint驗證的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。
當前標題:vue-cli腳手架搭建的項目去除eslint驗證的方法
標題鏈接:http://ef60e0e.cn/article/gsjgdj.html