上礼拜工作室来了个急活儿，得做个本地用的工具小软件。我心说这玩意儿放浏览器跑多别扭，干脆试试搞成桌面程序得了。

第一步：装工具箱

网上翻了八百篇教程，抄起我吃饭的家伙vue-cli，噼里啪敲命令建项目：

选配置时手一抖把vue-router勾上了，后来发现压根儿没屁用，桌面软件要啥页面跳转！

第二步：请搬运工

官方文档说要用electron打包，直接往项目里怼：

装完偷摸看了眼node_modules文件夹，好家伙又胖了三百斤！

第三步：启动试车

激动得搓手手敲命令：

结果蹦出来个黑框白窗的玩意儿，标题栏还挂着"my-desktop-app"，跟个毛胚房似的。

第四步：搞装修

抄起老本行在*瞎搞：

• 扔了个按钮在中间写"点我弹窗"
• 导入electron的dialog模块
• 按钮绑定事件写alert('老子会弹窗')

保存瞬间看到窗口自动刷新，点按钮真弹出个系统级对话框！当时感觉像给毛坯房装了智能马桶。

第五步：封箱发货

撸起袖子打包：

等进度条跑到头，dist文件夹突然冒出.exe和.dmg两个安装包。拿给测试妹子跑了下，她指着mac版说："这不就是个普通软件嘛" 要的就是这效果！

折腾完发现全程跟炒番茄鸡蛋似的：备料（装环境）→打蛋（写界面）→下锅（整合electron）→翻炒（调试）→装盘（打包），连厨子都会搞。就是打包时遇到360杀毒疯狂报警，气得我当场把测试电脑的杀毒软件卸了！