Electron从入门到放弃

真就入门直接劝退。一个非专业前端的初步尝试。

👉官网👈

首先你需要有node何npm环境。

然后创建一个文件夹，执行下面的命令初始化项目。

npm init -y
npm i --save-dev electron

第一条命令会创建package.json文件，第二个命令则会创建node_modules目录，并下载Electron依赖，但是这个命令会报错。

这是第一次劝退，还没入门就开始劝退。没啥好办法，换镜像源，或者用cnpm多试它几次，哎，居然就好了。

接下来是创建main.js和index.html文件，照着官方文档抄就好了。再然后是修改package.json文件，在script下加一行"start": "electron ."。

注意官方在介绍package.json文件时，有一条特别提醒：

注意：author 和 description 字段对于打包来说是必要的，否则运行 npm run make 命令时会报错。

npm run make是用来打包的命令，后面会遇到。

终于激动人心的时刻到来了，执行npm start启动程序。

我特么。。。

这是electron依赖安装有问题，我们需要多执行几次npm i --save-dev electron这个命令，如果报错还是一样的处理，直到这个命令不再报错了，npm start应该就能成功了。

但是你以为这就结束了吗？不，这还只是噩梦的开始。接下来的步骤是打包，让你体会到什么是人间地狱。

按照官方的步骤，首先需要执行命令npm install --save-dev @electron-forge/cli安装Electron Forge，不用怀疑肯定会报错的。仔细看，它会提示你缺少了什么库，应该用什么命令去安装，直接将命令拷贝出来执行就可以了。如果还是报错，只有两招，一是换镜像源，二是用到npm的地方换成cnpm，大概就可以成功了。

最后是执行npm run make打包。按照惯例，肯定是先报个错。先根据提示执行npm install，如果报错就换成cnpm install，再次执行npm run make命令，如果还是不行，建议换成cnpm run make。

接下来是会卡住，而且会卡很长时间，然后报错。

就是这最后的临门一脚，成了我无法跨越的鸿沟，就像隔断牛郎织女的银河，明明就在眼前，却想而不得。

带师，我悟了。

---