前言
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: 顏色很對我眼
總結
希望該篇文章可以幫到一些小夥伴節省時間,加快開發。