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: 颜色很对我眼

总结

但愿该篇文章能够帮到一些小伙伴节省时间，加快开发。