前言

VSCode 目前已經更新到 1.15.1,變得越發完善;
時隔三個月,我又蒐羅了一波感覺比較實用的.當然我也幹掉了一些內建功能已經實現的.
高質量的外掛的產出比較慢,所以這次分享的並沒有之前的多;
但是也有那麼兩三個外掛很靠譜;
廢話不多說,看下面

---

外掛集

• 程式碼質量的把控

  • CodeMetrics : 可以計算TS/JS內程式碼的複雜度(比如函式這些),這些與程式碼質量和效能是掛鉤的
  • Import Cost: 就是你import一個東西的時候,可以計算改引入模組的大小!!!厲害吧
  • Prettier: 這個東西在github上挺火,可以支援很多種新框架的格式,高度自定義,所以有人封裝成了外掛..實用!(vue,ng,react,jsx,ts)這些格式化毫無壓力

• 正則

  • RegExp Preview and Editor: 這個就厲害了.可以完美的展示你寫的正則,圖形化給你看你寫正則的形成

• 版本控制

  • Git Lens: 暫時沒有發現比這個看git記錄更為詳細了,內建功能很多..很方便

• CSS相關
  • SCSS IntelliSense: scss的智慧提示

• Vue
  • Vue Peek:轉到定義,這個外掛就是讓vue也支援這個功能,實用!
  • Vue VSCode Snippets: 很全面的vue程式碼片段

• React

  • Useful React Snippets: React的snippet

• Angular 4+

  • ng-zorro snippets: ANTD的ng4+版本,阿里釋出的..很精緻的UI框架
  • Ionic 3 snippets: ionic3的程式碼片段

• Theme

  • rocket-ui: 顏色很對我眼

---

總結

希望該篇文章可以幫到一些小夥伴節省時間，加快開發。