最近做一个Electron直播的我的项目，记录一下我的项目中的播种与心得与大家独特成长。

electrion的弱小之处大家都有所耳闻，这里有不再赘述了。最典型的胜利案例非VS Code家喻户晓咱们搭建环境是老本很高的，在尝试了各种计划当前播种了很多。首先咱们从官网的教程开始一步步实现一个electron我的项目。

1.装置electron

间接应用npm i electron的话有速度慢，卡死等多种问题。咱们装置electron须要一些技巧!

计划1(官网计划)

ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"ELECTRON_CUSTOM_DIR="{{ version }}"npm i electron

计划2（举荐计划）

npm i cnpm -gcnpm i electron


运行 electron

electron


看到以上画面即示意胜利！！！ 应用计划2能够100%保障胜利，已验证！

2.应用 @electron-forge/cli 能够疾速搭建electron利用。

npm i -g @electron-forge/cli

2.1 转化已有我的项目

如果想要把曾经存在的我的项目转化为electron我的项目，只需在该我的项目内运行

npx electron-forge import

npx electron-forge 会批改你的package.json增加必要的库和script命令，主线程的main.js须要本人增加，参考官网即可。

2.2 创立新的electron我的项目

mkedir test && cd testnpx electron-forge init

通过漫长的装置，我的项目终于创立好了。~~~~

如果安装时间过长，一般来说是在本我的项目中装置eletron卡住了，此时能够强行推出，运行npm run start


如果是这个谬误，执行

cnpm i electron -Dnpm run start

胜利后electron会主动启动我的项目，看到这个界面即示意electron新我的项目初始化胜利。

a. src/main.js 是main线程的入口文件。

b. src/main.js 中的index.html 是renderer线程的入口文件。


我的项目的目录构造如下