eslint 代碼縮進 報錯及解決

1、背景

使用vue在VScode中正常寫的代碼，報了一堆的錯誤，仔細檢查，發現都是縮進要麼多了要麼少了，總之是代碼不規範的的報錯。

2、緣由

百度查了發現代碼規範默認縮進2個空格，而VScode默認縮進4個空格，在加上個人項目中默認添加了ESlint, ESLint是一個語法規則和代碼風格的檢查工具,它的目標是保證代碼的一致性和避免錯誤。

vue-cli腳手架建立的項目默認使用ESlint規則，每次改動後啓動項目，ESlint都會檢測你的代碼，而後在瀏覽器的控制檯瘋狂報錯。一開始我是根據控制檯的報錯信息，一條一條回去修改的，可是這樣的方式過低效。

3、解決

VScode默認識別ESlint,可是仍是要開啓自動修正功能。

勾選後你就會發現經過紅色的下劃線來告訴你，什麼地方不符合ESlint規則。這使咱們能在開發過程當中，就根據ESlint規則修改代碼，而不是等到運行項目後，經過控制檯才發現語法錯誤。

以爲這個語法規則太麻煩嚴格的話爲了避免頻繁的報錯，能夠關閉ESlint語法規則

找到build --> webpack.base.conf.js文件，將相應代碼註釋掉就能夠了。