vue工程化之去除Eslint驗證

有的時候用vue-cli建立好項目以後，寫代碼時會出現換行和空格報錯，出現這麼寫錯誤是什麼緣由呢？

相信第一次接觸時有點摸不着頭腦。實際上是在你用vue-cli腳手架構建項目時用了ESLint代碼檢查工具，以下圖

解決方案不少種，最簡單就是在建立項目初始化時，在這個選項選擇N便可。 

 

（1）ESLint介紹（中文官網）

    官網是這用介紹的：

    ESLint 是一個開源的 JavaScript 代碼檢查工具，由 Nicholas C. Zakas 於2013年6月建立。代碼檢查是一種靜態的分析，經常使用於尋找有問題的模式或者代碼，而且不依賴於具體的編碼風格。對大多數編程語言來講都會有代碼檢查，通常來講編譯程序會內置檢查工具。

    JavaScript 是一個動態的弱類型語言，在開發中比較容易出錯。由於沒有編譯程序，爲了尋找 JavaScript 代碼錯誤一般須要在執行過程當中不斷調適。像 ESLint 這樣的可讓程序員在編碼的過程當中發現問題而不是在執行的過程當中。

    ESLint 的初衷是爲了讓程序員能夠建立本身的檢測規則。ESLint 的全部規則都被設計成可插入的。ESLint 的默認規則與其餘的插件並無什麼區別，規則自己和測試能夠依賴於一樣的模式。爲了便於人們使用，ESLint 內置了一些規則，固然，你能夠在使用過程當中自定義規則。

    ESLint 使用 Node.js 編寫，這樣既能夠有一個快速的運行環境的同時也便於安裝。

       說白了，他就是一個代碼檢查工具，用來規範你的代碼的。

 

（2）使用代碼檢查的重要性

1. 避免低級bug：一些常見代碼問題，若是在編譯或運行前不能及時發現，代碼中的語法問題會直接致使編譯或運行時錯誤，影響開發效率和代碼質量；
2. 統一代碼習慣：每個團隊或我的都會有一些代碼規範或者代碼習慣，爲了便於後期維護和閱讀，咱們編寫的代碼也須要符合必定的格式規範；
3. 保證線上代碼質量：在版本管理中，咱們須要在提交或發佈以前自動執行一些代碼檢查工做，確保咱們的代碼符合最終版本要求。

 

 

（3）關閉ESlint

   ①註釋配置代碼

    使用vue-cli腳手架構建了webpack項目，在開發過程當中，Eslint驗證太嚴謹了，想經過設置將這驗證給關閉掉 ，操做以下：

    在webpack.base.conf.js裏面刪掉下面:

 ②關閉軟件webstorm 的ESlint

    file->settings->搜索ESlint->取消Enable的勾選

 

 

 

 

 

 

 

 

.