install install -D electron-builder@21.2.0 -D electron-builder@21.2.0 打包和部署 22 添加build配置 以及给 package.json 加上必要的 build 的配置，主要增加的部分是： {{ "scripts" "scripts":: {{ "pack" "pack":: "electron-builder "pkg" "pkg",, "zip" "zip" ]] }} }},, }} 更新后 package.json 完整配置如下： {{ "name" "name":: "electron-quick-start" "electron-quick-start",, "version" hello.py │ │ ├── main.js │ │ ├── main.js │ │ └── package.json │ │ └── package.json │ ├── package.json │ ├── package.json │ ├── pycalc/ │ ├── pycalc/ │ │ ├── api.py │ │

electron/Electron.app/Contents/Resources/app/ 2. ├── package.json 3. ├── main.js 4. └── index.html 在 Windows 和 Linux 中: 1. electron/resources/app 2. ├── package.json 3. ├── main.js 4. └── index.html 然后运行 JavaScript。相反，Electron 使用 web 页面作为它的 GUI，所 以你能把它看作成一个被 JavaScript 控制的，精简版的 Chromium 浏览器。 在 Electron 里，运行 package.json 里 main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。 由于 Electron 使用 Chromium 来展示页面，所以 Chromium 应用的目录结构如下： 1. your-app/ 2. ├── package.json 3. ├── main.js 4. └── index.html 快速入门 主进程 渲染进程 主进程与渲染进程的区别 打造你第一个 Electron 应用 快速入门 - 31 - 本文档使用 书栈(BookStack.CN) 构建 package.json 的格式和 Node 的完全一致，并且那个被

├── pages │ ├── store │ ├── router │ ├── styles │ ├── App.vue │ └── index.js └── package.json ├── bin │ ├── jenkins.sh │ ├── upload.sh ├── tasks │ ├── gulp.dev.js │ ├── gulp ├── pages │ │ ├── store │ │ ├── router │ │ ├── App.vue │ │ └── index.js └── package.json 项⽬目实践 ⼯工程⽬目录结构 构建配置 渲染进程 主进程 构建打包 Electron SWA 应⽤用 Web SPA 应⽤用 Electron应⽤用的开发调试 、构建发布