eslint 代碼縮進 報錯及解決

一、背景

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

二、原因

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

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

三、解決

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

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

覺得這個語法規則太麻煩嚴格的話爲了不頻繁的報錯,可以關閉ESlint語法規則

找到build --> webpack.base.conf.js文件,將相應代碼註釋掉就可以了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章