那天瞅着群里有人问怎么用Electron打包网页成桌面软件，我这手就痒了。翻出吃灰的老笔记本，照着官方文档吭哧吭哧开搞，结果光配环境就折腾掉俩钟头。下面这几个步骤是我踩完坑才摸清的，新手跟着走能少栽跟头。

第一步：装齐家伙事儿

先下了*安装包，官网那个16.14版的按钮啪嗒一点，装完顺手打开cmd敲了句node -v，看见版本号蹦出来才放心。结果漏了npm检查，后面跑命令直接报错，又补了句npm -v确认环境。

第二步：项目搭架子

新建文件夹取名electron-demo，在资源管理器里双击打开终端，先甩一句npm init -y，让*自己生成。接着装核心包npm install electron --save-dev，好家伙cnpm源突然抽风，挂上梯子才下成功。

第三步：写启动脚本

在项目根目录创建了，抄官方示例时手抖把BrowserWindow拼错，窗口死活弹不出来。改完又卡在加载本地文件路径，发现__dirname前面少了个斜杠，气得猛捶桌子。

加载*要写`file://${__dirname}/*`

第四步：创建前端页面

随手写了个*塞进项目，标题改成“老子终于成功了”。在*里配置窗口尺寸时，脑子抽风写了minWidth: 800，测试时窗口死活拖不动，原来漏了maxWidth参数，这低级错误整得老脸通红。

第五步：跑起来测试

在*的scripts里加了个命令"start": "electron ."。激动地敲下npm start，结果直接报错说找不到入口文件，原来*被我误删了，重新创建后才弹出那个熟悉的窗口。

打包时更糟心：

• 用electron-packager打包，忘了装跨平台包
• 生成win版时自动识别成ia32架构
• 200MB的安装包惊得我直呼离谱

加参数指定x64才勉强压到150兆。

搞完这摊子破事已是凌晨三点，厨房泡面都被媳妇收走了。当初研究Electron就图省事，想着用网页技术写桌面软件能偷懒，结果光配环境比写代码还费劲。倒是打包出来的玩意儿真能在公司老破电脑上跑起来，领导以为我用了啥高级框架，全是网页div画的——这事我能吹半年。