VS Code 折腾记 - (9) 新一轮前端插件(代码质量|正则|版本控制|NG|Vue|React)
前言VSCode 目前已经更新到 1.15.1,变得越发完善;时隔三个月,我又搜罗了一波感觉比较实用的.当然我也干掉了一些内置功能已经实现的.高质量的插件的产出比较慢,所以这次分享的并没有之前的多;但是也有那么两三个插件很靠谱;废话不多说,看下面插件集代码质量的把控CodeMetrics : 可以计算TS/JS内代码的复杂度(比如函数这些),这些与代码质量和性能是挂钩的Impor
·
前言
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: 颜色很对我眼
总结
希望该篇文章可以帮到一些小伙伴节省时间,加快开发。
更多推荐
已为社区贡献5条内容
所有评论(0)