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的勾選

 

 

 

 

 

 

 

 

.