eslint驗(yàn)證，為我們提升我們的代碼質(zhì)量和良好的編碼風(fēng)格帶來了非常大的幫助，但是由于其語法驗(yàn)證的嚴(yán)格，很多程序員在初期使用的時(shí)候很不適應(yīng)，就想怎么能夠去掉eslint驗(yàn)證。

其實(shí)把eslint驗(yàn)證去除的方法并不復(fù)雜，因?yàn)槲覀兊哪_手架是基于webpack的，那么一般的配置操作都會(huì)在webpack工具的配置文件中進(jìn)行配置，那么我們就直接找webpack的配置文件就可以了?？赡芪覀兊暮芏鄤傞_始接觸vue-cli腳手架工具的朋友可能會(huì)說我搭建完項(xiàng)目后，build目錄下有3個(gè)webpack開頭的配置文件，那么我去找哪個(gè)？

我們可以看下文件的名字，分別為：webpack.base.conf.js、webpack.dev.conf.js、webpack.prod.conf.js，這樣我們就可以很容易就確定webpack.dev.conf.js是運(yùn)行開發(fā)環(huán)境時(shí)執(zhí)行的一些配置，webpack.prod.conf.js是在運(yùn)行生成環(huán)境時(shí)走的一些配置，然后webpack.base.conf.js是一個(gè)基礎(chǔ)的配置文件，而我們想達(dá)到的目的及時(shí)無論是開發(fā)環(huán)境還是生產(chǎn)環(huán)境都去掉eslint驗(yàn)證，那么無論是修改開發(fā)環(huán)境或者生產(chǎn)環(huán)境都不能達(dá)到我們的目的，那么剩下的就是修改webpack.base.conf.js或者分別修改生產(chǎn)環(huán)境或開發(fā)環(huán)境的配置了。到了這一步了，基本不用往下想就知道修改webpack.base.conf.js這個(gè)基礎(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
 },

寫了這么多，其實(shí)就是想說一下我們遇到問題時(shí)的處理方法，如果一時(shí)找不到解決問題的方法、思路，就不防采用下排除法，然后還要多分析，多思考。這樣我們的編碼水平也會(huì)提升很快。雖然這樣eslint語法驗(yàn)證去除了，但我們還是要保持良好的編碼風(fēng)格，我們的代碼不光我們?cè)诰幋a當(dāng)時(shí)能看懂，讓別人能看懂，還要讓后來人也能看懂，這才會(huì)讓我們的技術(shù)、理念傳承下去。

以上這篇vue-cli腳手架搭建的項(xiàng)目去除eslint驗(yàn)證的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論