昨儿个闲着没事突然想折腾个桌面小工具，琢磨着用网页技术搞桌面程序挺划算，抄起键盘就开始撸Electron。结果踩的坑比写代码的行数还多，干脆把实操过程记下来给大伙避雷。

第一步 装环境差点摔键盘

兴冲冲打开官网文档，上来就让装*和npm。装完一查版本号：node -v、npm -v，看着命令行蹦出数字就以为稳了。结果创建项目时直接报错，原来npm版本太老！气得我边骂边敲 npm install -g npm@latest，等进度条转了三圈才搞定。

第二步 新建项目像闯关

建了个空文件夹就叫 electron-demo，npm init -y 火速生成*。接着装Electron主包，npm install electron --save-dev 敲下去就后悔了——这进度条慢得像蜗牛爬坡，中间还卡住不动，以为死机了强制关终端重装，白耗半小时。

第三步 写启动代码怀疑人生

照着文档创建 ，复制粘贴官网示例代码。结果刚运行 npm start 就报错，原来是忘记在*里配启动命令！手抖写成 "scripts": {"start": "electron ."} 才救回来。窗口蹦出来那刻差点哭出来，结果窗口标题居然显示"未定义"，翻代码才发现忘写 *('我的程序')。

第四步 网页加载逼我重启电脑

想着往窗口塞个网页，在 里加 。新建的html文件就写了个hello world，刷新却显示空白页！检查路径发现html文件放错目录，挪到根文件夹还是不行。急得抓头发时，发现浏览器控制台报错"require is not defined"——原来得在webPreferences里开启 nodeIntegration: true！调完参数手都在抖。

第五步 打包成品比全家桶还胖

满心欢喜用 npm install electron-packager --save-dev 装打包工具，敲了条超长命令：npx electron-packager . --platform=win32 --arch=x64。等了十分钟生成个exe文件，点开一看能用！再瞅眼文件夹大小差点昏倒：200MB！比安装包还大的hello world你敢信？搜教程发现要用 asar 压缩，结果又折腾半天配置，勉强压到180MB，算了我选择放弃治疗。

看着桌面上那个臃肿的exe，突然理解为什么有人说Electron是拿内存换效率。不过对于我这种后端狗来说，能不用学C++就写出桌面程序，真香！