remote webFrame 在两种进程中都可用的模块 clipboard crashReporter nativeImage screen shell 开发 代码规范 源码目录结构 与 NW.js（原 node-webkit）在技术上的差异 构建系统概览 构建步骤（macOS） 构建步骤（Windows） 构建步骤（Linux） 在调试中使用 Symbol Server originalFs.readFileSync('/path/to/example.asar'); 尽管我们已经尽了最大努力使得 asar 包在 Node API 下的应用尽可能的趋向于真实的目录结构，但仍有一些底 层 Node API 我们无法保证其正常工作。 Web API 像“文件”那样处理 asar 包 Node API 缺陷 打包应用 - 15 - 本文档使用 书栈(BookStack main 脚本的进程被称为主进程。在主进程运行的脚本可以以创建 web 页面的形式展示 GUI。 由于 Electron 使用 Chromium 来展示页面，所以 Chromium 的多进程结构也被充分利用。每个 Electron 的页面都在运行着自己的进程，这样的进程我们称之为渲染进程。 在一般浏览器中，网页通常会在沙盒环境下运行，并且不允许访问原生资源。然而，Electron 用户拥有在网页中调

优点：性能好，安装包⼩小 缺点：开发周期⻓长，⽆无法跨平台 技术选型 Electron应⽤用 VS Code， POSTMAN ✔ 技术选型 前端选型 体积⼩小、轻量量化 健全的⽣生态 优秀的组件化机制 ✔ 瓦匠应用的介绍 02 桌面应用的技术选型 桌面应用开发总结 01 04 03 Electron Vue项目实践 项⽬目实践 Electron原理理 两个核心 Main-process store │ │ ├── router │ │ ├── App.vue │ │ └── index.js └── package.json 项⽬目实践 ⼯工程⽬目录结构 构建配置 渲染进程 主进程 构建打包 Electron SWA 应⽤用 Web SPA 应⽤用 Electron应⽤用的开发调试 、构建发布 Restart 项⽬目实践 开发和调试 渲染进程 单⻚页⾯面、多⻚页⾯面 Mac / Window / Linux Nginx / CDN 关注点 进程通信，内存管理理，版本管理理， 性能及Crash监控…… 兼容，DOM，组件、性能，…… Electron应⽤用技术体系推荐 检查\测试 打包构建 开发调试 devtron Vue-devtools Electron —inspect ESLint webpack

档案⽂件代替 app ⽂件夹，你需要修改这个档案⽂件的名字为 app.asar， 然后将其放到 Electron 的资源⽂件夹下，然后 Electron 就会试图读取这个档案⽂件并从中启动。 asar ⽬录结构： Mac electron/Electron.app/Contents/Resources/ electron/Electron.app/Contents/Resources/ └── app