这个夏天,给你的代码减个肥 🍉|let-s-refactor 插件开发之路(一)

简介: 这个夏天,给你的代码减个肥 🍉|let-s-refactor 插件开发之路(一)

前言


你将得到什么?

通过本文,各位将了解(或者学习)到:

  • es-module 导入导出
  • 可能用的较少但比较好用的正则语法
  • vscode 插件从设计到实现
  • ...

本文内容较多,希望对你有所启发,如有建议或者纠正,也望不吝赐教。


代码”减肥“的起因


各位好久不见🌺,前两个月的时间经历了一个月的加班以及一个月的居家办公。在疯狂加班的那段时间手里接到了一个时间比较紧急,历史包袱也比较重的项目:

  • 产品形态出现多次变更

  • 开发人员几经转手
  • ...


以及本次迭代版本服务端架构出现了比较大的变更,使得老的前端代码设计难以支撑新架构下服务端 api 的变更,于是催生出我的一个想法:

重构吧!


重构的结果还是好的,既赶上了提测,也在优化项目结构的基础上完成了 50% 代码量的减少,而 50% 对于本项目而言,大抵是相当于 10000 行左右的代码量。

在这次代码“减肥”的过程中我有了一些总结(或者说是一些比较让我揪心的体验),使得我有了后文中的想法。


读到这里可能大家会问:你加班了一个月,那居家办公那段时间下班后都干嘛去了?

我只能说,swicth 真好玩!


揪心体验


不知道各位在职业生涯中有没有遇到过以下体验:

  • 一个文件完全没有被使用过,但是在项目目录中恬不知耻的存在着
  • 一个方法,一个配置信息或者一个常量早早就已经过时了却依旧存在


若项目历史不久,此类信息倒是影响不大,但是随着版本迭代,他们会越来越多,并好似狗皮膏药一般深入到项目代码的各个角落,难以察觉,又恶心至极!

这种删又删不干净,又没事突然出现恶心你一下的感觉真的难以言表...


💡:无效的文件可能容易发现并且在适当时机进行删除,但是无效的常量或配置类内容就真的难以处理。


于是我在此次重构过程中几乎审查了所有的历史文件,所以我那代码量减少 50% 的壮举不全是我设计的功劳,很大一部分还是由于删除了大量的无效代码...(诶,真的很不想承认,但是做人要诚实🍉)

在删代码的过程中,我产生了如下想法:

这个过程,需要更加智能


做更“懒”的工程师


根据前面的铺垫,我想各位已经知道了我此次的目标:


  • 自动识别无效文件
  • 自动识别无效常量(配置信息/公共方法等)


然而,我喜欢画饼,在开发之初我就画了以下思维导图,插件命名为 let-s-refactor 也是希望我这个插件所做的事情不止于此,可以为提高代码库质量提供更多能力!


网络异常,图片无法展示
|


而对于代码的读取分析,最方便的手段也就是:vscode 插件。文章的后续内容便是插件的第一批功能清单以及开发思路的分享。


功能清单 V0.0.1


网络异常,图片无法展示
|


本次介绍 v0.0.1 版本的三个主要功能:


  1. 统计代码行数与文件数

显而易见的需求,不计算代码行数与文件数,怎么统计最终的成果(没错,主要工作还没做的我就已经开始思考成果的展示了🍉)


网络异常,图片无法展示
|


  1. 列出项目中的无效文件

将项目中无效的文件展示出来,以帮助进行后续的分析删除


网络异常,图片无法展示
|


  1. 列出项目中的无效导出


将项目中无效的 export 展示,可能包括常量,配置信息与公共方法。


网络异常,图片无法展示
|


注意:本插件现仅支持本公司统一框架下的项目,未来想通过配置文件的方式支持所有项目。

相关文章
|
7月前
|
前端开发 JavaScript 开发者
水墨代码:前端川的诞生——在夏日阴雨中启航
【前端川】网站于农历五月初一(2024年6月6日)上线,融合水墨画与现代前端技术,呈现独特的水墨代码美学。创建者陈川分享技术心得与实战经验,网站特色包括水墨风格界面、技术深度解析及实战案例。在夏日雨中启航,"前端川"致力于为开发者提供灵感与帮助,探索前端技术的无限可能。
111 17
|
8月前
|
NoSQL Java 关系型数据库
大厂贬值裁员,我却凭借Java开发进阶面试秘籍(核心版)逆流而上
最近参加了面试或者身边有朋友在面试的兄弟有没有发现,现在的面试不仅会问八股文,还会考察框架、项目实战、算法数据结构等等,需要准备的越来越多。
84 0
|
3月前
|
程序员 区块链
程序员职业发展路线图(完整版+珍藏版)
程序员职业发展路线图(完整版+珍藏版)
|
3月前
|
存储 安全 编译器
【C++篇】启航——初识C++(下篇)
【C++篇】启航——初识C++(下篇)
|
7月前
|
测试技术 虚拟化 云计算
GitHub高赞!速通Python编程基础手册,被玩出花了!
随着云时代的来临,Python 语言越来越被程序开发人员喜欢和使用,因为其不仅简单易学,而且还有丰富的第三方程序库和相应完善的管理工具。 从命令行脚本程序到 GUI程序,从图形技术到科学计算,从软件开发到自动化测试,从云计算到虚拟化,所有这些领域都有 Python 的身影。 今天给小伙伴们分享的这份手册采用以任务为导向的编写模式,全面地介绍了 Python 编程基础及其相关知识的应用,讲解了如何利用 Python 的知识解决部分实际问题。
GitHub高赞!速通Python编程基础手册,被玩出花了!
|
前端开发 JavaScript 小程序
预备金九银十,这套前端面试小册阁下请收好
预备金九银十,这套前端面试小册阁下请收好
88 0
|
数据可视化 搜索推荐 程序员
丝滑!用了这款开发工具,我成了整个公司代码写得最秀的码农
丝滑!用了这款开发工具,我成了整个公司代码写得最秀的码农
100 0
|
设计模式 安全 关系型数据库
2w行代码、200个实战项目,助你修炼5大编程基本功
2w行代码、200个实战项目,助你修炼5大编程基本功
173 0
|
监控 前端开发 jenkins
新来个技术总监,给团队引入了这款开发神器,同事直呼哇塞
带团队时间久了,就能发现整个 Team 都渐渐疲了。前两年老板还专门买了个系统搞 OKR,现在也不大提了;Scrum 我们也搞了,用起来也就那样;项目管理工具试了好几个,禅道、Worktile、现在用 Coding,反正有一个能用的就行;微服务化改造从去年开始在吭哧吭哧搞,我们自己搞得觉得很厉害,但业务部门那边就觉得没啥差别,搞不懂你们研发部门每天在弄些什么,赶紧做我们提的需求要紧。
新来个技术总监,给团队引入了这款开发神器,同事直呼哇塞
|
JSON 前端开发 JavaScript
解放双手!推荐一款阿里开源的低代码工具,YYDS
之前分享过一些低代码相关的文章,发现大家还是比较感兴趣的。之前在我印象中低代码就是通过图形化界面来生成代码而已,其实真正的低代码不仅要负责生成代码,还要负责代码的维护,把它当做一站式开发平台也不为过!最近体验了一把阿里开源的低代码工具LowCodeEngine,确实是一款面向企业级的低代码解决方案,推荐给大家! LowCodeEngine简介 LowCodeEngine是阿里开源的一套面向扩展设计的企业级低代码技术体系,目前在在Github上已有4.7K+Star。这个项目大概是今年2月中旬开源的,两个月不到收获这么多Star,确实非常厉害!

热门文章

最新文章