vscode設置eslint保存文件時自動修復eslint錯誤

對於協同開發來說,代碼風格的統一很重要,每個人都有自己的代碼風格,爲了做到協同開發代碼風格不那麼凌亂,就需要制定一個統一的規則,而eslint就可以做到這點,通過制定指定格式的rules,保證大家都遵循同一風格,後期維護也相對直觀。

vscode保存代碼自動修復

本篇只講vscode中的eslint自動修復:

在編寫或者改動一些文件時,完成後Ctrl+s直接讀取根目錄所設置的規則,對編寫不規範的代碼進行檢測和修復。這樣子就相當於強制性的保證項目內所有成員都是同一套驗證規則。

相關配置

  1. vscode中安裝Eslint和vetur的相關插件,在擴展中搜索對應插件安裝(安裝步驟略過);
  2. 爲當前項目安裝相關eslint包:在這裏插入圖片描述
    注意要安裝在開發環境上,如果你項目使用的是腳手架的話,選了Eslint選項,一般情況會自帶這些包。
  3. 在項目根目錄下創建.eslintrc.js文件:
    在這裏插入圖片描述
    在這裏插入圖片描述
  4. 在vscode的用戶設置中修改默認的一些設置
    在這裏插入圖片描述
    至此,就已經大功告成了,需要了解一些eslint的規則,推薦去eslint官方文檔瞅一瞅。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章