技术 · 创客 · 实践

文章与笔记

独立开发者 codevtool 的实践记录· 持续更新

这里放我把项目做完之后的复盘：Electron 桌面应用怎么搭、自制 8 位计算机踩了哪些硬件和工具链的坑、串口通信为什么总会缺字节、为什么我坚持做本地优先的个人数据工具。只写真正跑通过的东西。

VFD 余晖短，扫描显示帧率不够就露馅。T0 模式 1 定时器 830µs 时隙 × 12 路扫描 = 9.96ms 帧周期 ≈ 100Hz，中断只翻缓冲区、双缓冲防撕裂，附 Keil 0800H 超限下保显示的取舍与验证手段。

开发正常、打包白屏？主进程挂 console-message 和 render-process-gone 两条日志，白屏根因五类逐一定位：preload 抛错、contextIsolation 版本差、file:// 资源路径、GPU 合成、asar 内资源。

主进程是单线程 Node，重活一堵 UI 就卡。用 utilityProcess.fork() 把 CPU 密集、原生模块、长任务隔离到独立子进程，讲清它和 worker_threads / child_process 的区别，以及我的 3 个真实子进程架构。

渲染进程是浏览器沙箱，但主进程是完整 Node.js。用 koffi 动态加载 user32/kernel32 就能 P/Invoke，加一层懒加载不拖慢启动，Win32 调用全部收进 mycomputer-engine 子进程。

编译报 RESTRICTED VERSION WITH 0800H BYTE CODE SIZE LIMIT 怎么办？先讲清 2048 字节上限到底管什么，再给按收益排序的 8 条瘦身手段，最后附换 SDCC 的语法对照表。

串口是字节流不是消息流，一次 DataReceived 不等于一帧。给出缓冲区 + 状态机的完整解析代码、四种切帧方式的取舍，以及单片机发送侧导致碎包的三种写法。

从 0 到一套可扩展的 Electron 应用骨架：feature 插件架构、主进程 / preload / 渲染进程分工、用 utilityProcess 把重活隔离出去，以及打包体积与启动速度的取舍。

8051 内核、VFD 荧光管、100Hz 刷新基线、Keil 限制版代码超限……把一台能点亮、能稳定显示的 8 位计算机制作过程与调试方法讲清楚。

云服务很好，但你的照片、笔记、足迹为什么要存在别人服务器上？聊聊 local-first 的取舍，以及我怎么用它做家庭数据管家。

在 B站搜 codevtool、抖音搜 codevtool334，视频里会放出更完整的制作过程。