1. 程式人生 > >vue-cli腳手架搭建的專案怎麼去除eslint驗證

vue-cli腳手架搭建的專案怎麼去除eslint驗證

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語法驗證去除了,但我們還是要保持良好的編碼風格,我們的程式碼不光我們在編碼當時能看懂,讓別人能看懂,還要讓後來人也能看懂,這才會讓我們的技術、理念傳承下去。