Skip to content

electron 的使用

现在的 electron 桌面端应用基本都是用 vue 开发的,就是渲染进程用 vue,当然 react 也是可以的,主进程就是本身 electron 的东西(API)。

我把 electron 分成了两个重要的点:

  1. 直接把 vue 打包成桌面端应用,这种只需要配置一些 electron 就行了,适合于改动不大的,就是套了一个桌面端的壳,主要还是 vue。(就是把 vue 打包成桌面端应用,没有其他操作)
  2. 另一种就是直接使用 electron,渲染进程用 vue,可以随意改动主进程的配置,目前electron-vite这个很常用

创建electron-vite项目

安装命令,选一个就行

bash
npm create @quick-start/electron@latest

yarn create @quick-start/electron

pnpm create @quick-start/electron
npm create @quick-start/electron@latest

yarn create @quick-start/electron

pnpm create @quick-start/electron

然后自己选要安装的模块就行,跟以前的 vue 是一样的

✔ Project name: … <electron-app>

✔ Select a framework: › vue

✔ Add TypeScript? … No / Yes

✔ Add Electron updater plugin? … No / Yes

✔ Enable Electron download mirror proxy? … No / Yes

Scaffolding project in ./<electron-app>

... Done.
✔ Project name: … <electron-app>

✔ Select a framework: › vue

✔ Add TypeScript? … No / Yes

✔ Add Electron updater plugin? … No / Yes

✔ Enable Electron download mirror proxy? … No / Yes

Scaffolding project in ./<electron-app>

... Done.

程序员小洛文档