一、背景
使用vue在VScode中正常寫的代碼,報了一堆的錯誤,仔細檢查,發現都是縮進要么多了要么少了,總之是代碼不規范的的報錯。
二、原因
百度查了發現代碼規范默認縮進2個空格,而VScode默認縮進4個空格,在加上我的項目中默認添加了ESlint, ESLint是一個語法規則和代碼風格的檢查工具,它的目標是保證代碼的一致性和避免錯誤。
vue-cli腳手架創建的項目默認使用ESlint規則,每次改動后啟動項目,ESlint都會檢測你的代碼,然后在瀏覽器的控制台瘋狂報錯。一開始我是根據控制台的報錯信息,一條一條回去修改的,但是這樣的方式太低效。
三、解決
VScode默認識別ESlint,但是還是要開啟自動修正功能。
勾選后你就會發現通過紅色的下划線來告訴你,什么地方不符合ESlint規則。這使我們能在開發過程中,就根據ESlint規則修改代碼,而不是等到運行項目后,通過控制台才發現語法錯誤。
覺得這個語法規則太麻煩嚴格的話為了不頻繁的報錯,可以關閉ESlint語法規則
找到build --> webpack.base.conf.js文件,將相應代碼注釋掉就可以了。