我的微信聊天模拟器开源了，关于其功能或技术细节，您有什么具体疑问吗？

说实话，我最近有点沉迷于搞这个微信聊天模拟器，哈哈，你懂的，就是那种能模拟微信聊天的工具。

起因是前两天我在网上看到一个类似的工具， 感觉还不错， 拉倒吧... 但又觉得它不够完美，咱就是说有些地方还是差点意思。

佛系。 比如说 它用的还是老版本的微信界面很多新版微信的功能都没有，害，那些自媒体小编肯定很头疼。

拜托大家... 于是我就想，不如自己动手搞一个吧，反正闲着也是闲着。

技术选型

先说说我得选个合适的技术栈，对吧？

思来想去， 我决定用Vue 3 + TypeScript为啥呢？主要原因是 Vue 3 的 Composition API 实在太香了 逻辑复用变得超级简单， 绝了... 而 TypeScript 又能帮我提前扼杀一堆潜在的 Bug。

行吧... UI 组件库嘛， 我顺手就用了Element-plus虽然主要界面是我手写的，但有些地方用成熟的组件库还是很方便的，你懂的。

Vite 的极速体验

开发过程中， 我直接用了Vite v8+不对不对，现在都 v9 了吧？ 是最新版，PUA。。

有人可能会说：“稳定版不香吗？”但我想说作为前端开发者，如果不时刻保持对新技术的敏感度，很快就会被时代抛弃，结果你猜怎么着？。

Vite 的极速冷启动和 HMR， 在开发过程中真的能省下不少喝咖啡的时间，这种丝滑的体验，谁用谁知道，无语了...。

实现细节

聊天的核心自然是“消息”了 但如果我把所有类型的消息都写在一个组件里那代码维护起来绝对是一场灾难。

我直接好家伙。 所以我采取了策略模式的思想， 将消息按类型进行了切割，每个消息类型都是一个独立的 Vue 组件，在渲染时根据数据中的msgType字段动态决定加载哪一个。