在构建网站的过程中,我们遭遇了工具支持不力的困境,费尽周折找到了解决问题的文章,却又遇到了新的难题。然而,这也为我们提供了一次难得的实践机会,下面我们就来详细讲述这段经历。
工具适配痛点
在搭建网站的过程中,我发现常用的工具支持并不理想,这让我感到非常不便。在研究生阶段,我一直是这个工具的忠实用户,它比 Word 编辑器要方便得多。然而,现在这些工具无法很好地兼容,导致我的网站搭建工作遇到了阻碍。尽管我在网上搜索了各种解决方案,但都没有找到合适的,要么需要绕很多弯子,要么使用的软件存在诸多限制。
文章带来转机
当我正为烦恼所困,在知乎上浏览时,偶然发现了《XX +快速构建个人博客》这篇教程。这篇教程是去年二月份发布的,阅读后我立刻感到振奋,急忙下载并开始尝试。原以为找到了完美的解决方案,却没想到在使用过程中遇到了错误和bug。仔细检查源码后,我发现应用程序使用的是Vue2框架。这让我感到有些无奈,但同时也抱有一丝期待,因为最近刚好学习了Vue,正缺少实践的机会。
萌生重构想法
发现源码是用 Vue2 编写的且存在一些问题,我瞬间有了灵感,决定尝试用 XX 和 Vue3 对这个项目进行重构。目前源代码的编译和运行都存在问题,这正合我意,可以借此机会练习 Vue 技能。尽管重构的难度相当大,但我并不想放弃这个机会,带着试试看的心态,我决定踏上重构的征程。
重构筹备阶段
在重构之前,我进行了充分的准备。我重新整理了 Vue3 的相关知识点,查阅了大量资料,并且借鉴了其他成功的项目案例。同时,我对原项目的架构和代码逻辑进行了深入分析,并标记出了可能存在的问题。基于实际情况的考量,我决定先移除一些无法实现的功能,后续再考虑是否可以增加。
重构攻坚时刻
2021年7月着手进行重构,用了十天时间完成了1.0版本的构建。将旧代码迁移过来,将JavaScript代码转换成了TypeScript代码。在重构过程中,遇到的难题并非逻辑代码,而是Vue3与Vue2之间存在一些差异,谨慎调整。在此期间,遇到了不少编译上的问题,通过查阅相关文档和参考论坛上的帖子,才得以一一解决。
成果与反思
重构1.0版本完成后,项目大体上可以正常运行。这次的重构让我对Vue3有了更深入的认识,同时也增强了我解决问题的能力。尽管如此,仍存在一些不足之处,那些被移除的功能我还需要继续研究和实现。回顾这次经历,它让我收获颇丰,同时也让我深刻体会到抓住机会去实践的重要性。
在学习新技能的过程中,你是否有过类似这样的实践机会?若你觉得这篇文章对你有所帮助,不妨点个赞或将其分享出去。