eslint的語法校驗

eslint的語法校驗規則

一、官網

https://eslint.org/

二、做用

JavaScript的校驗插件，一般用來校驗語法或代碼的書寫風格

三、優勢

（1）統一代碼風格規則，如：代碼縮進用幾個空格；是否用駝峯命名法來命名變量和函數名等；

（2）減小錯誤， 如：相等比較必須用 === ，變量在使用前必須被聲明，在條件語句中不能使用賦值語句等；

（3）提升代碼質量，如：函數最多有多少條件分支；最多有幾個參數，代碼塊最多能嵌套多少層等。

四、缺點

太嚴格苛刻，像縮進、空格、空白行之類的規範，在開發過程當中一直報錯。

五、安裝

推薦參考連接：https://www.jianshu.com/p/6187b7cf7e53

六、vue關閉eslint校驗

vue的eslint校驗官網：https://eslint.vuejs.org/rules/

參考文章：http://www.javashuo.com/article/p-bajosdnk-dt.html

  https://www.jianshu.com/p/b267a1e92dce

 

關閉方法：

（1）新建項目時關閉

建立一個vue項目的時候，會有一個選擇：Use ESLint to lint your code? (Y/n)，在這一步，咱們選擇no就行了。 

（2）修改build下的文件webpack.base.conf.js

將圈起來的creatLintingRule() 刪除，而後保存

刪除後截圖以下：

 

 （2）修改config 中 index.js

找到 dev 下的 useEslint 的值修改成false，而後保存

（3）萬能法

在報錯的JS文件中第一行寫上：

/* eslint-disable */

（4） 配置vscode

vscode 設置中搜索eslint，把☑️的都點了，重啓。OK