VS Code 折騰記 - (9) 新一輪前端插件(代碼質量|正則|版本控制|NG|Vue|React)

前言

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: 顏色很對我眼

總結

但願該篇文章能夠幫到一些小夥伴節省時間，加快開發。