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

总结

希望该篇文章可以帮到一些小伙伴节省时间，加快开发。