對於協同開發來說,代碼風格的統一很重要,每個人都有自己的代碼風格,爲了做到協同開發代碼風格不那麼凌亂,就需要制定一個統一的規則,而eslint就可以做到這點,通過制定指定格式的rules,保證大家都遵循同一風格,後期維護也相對直觀。
vscode保存代碼自動修復
本篇只講vscode中的eslint自動修復:
在編寫或者改動一些文件時,完成後Ctrl+s直接讀取根目錄所設置的規則,對編寫不規範的代碼進行檢測和修復。這樣子就相當於強制性的保證項目內所有成員都是同一套驗證規則。
相關配置
- vscode中安裝Eslint和vetur的相關插件,在擴展中搜索對應插件安裝(安裝步驟略過);
- 爲當前項目安裝相關eslint包:
注意要安裝在開發環境上,如果你項目使用的是腳手架的話,選了Eslint選項,一般情況會自帶這些包。 - 在項目根目錄下創建.eslintrc.js文件:
- 在vscode的用戶設置中修改默認的一些設置
至此,就已經大功告成了,需要了解一些eslint的規則,推薦去eslint官方文檔瞅一瞅。