为什么捐赠
API 资源管理器
升级指南
新增!
quasar.config 文件
转换为使用 Webpack 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
懒加载 - 代码分割
处理资源
启动文件
预取功能
API 代理
处理 Webpack
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码检查器
测试与审计
开发移动应用
Ajax 请求
对公众开放开发服务器
Quasar CLI 与 Webpack - @quasar/app-webpack
什么是 Electron

Electron(以前称为 Atom Shell)是由赵成创建,现在由 GitHub 开发的开源框架。**它允许使用最初为 Web 应用程序开发的前端和后端组件开发桌面 GUI 应用程序:**Node.js 运行时用于后端,Chromium 用于前端。Electron 是包括 GitHub 的 Atom 和 Microsoft 的 Visual Studio Code 源代码编辑器、Tidal 音乐流媒体服务桌面应用程序和 Light Table IDE 在内的几个著名开源项目背后的主要 GUI 框架,此外还有 Discord 聊天服务免费软件桌面客户端。

每个 Electron 应用程序都有两个线程:一个是主线程(处理应用程序窗口和启动),另一个是渲染器线程(基本上是您的 UI Web 代码)。还有一个预加载脚本用于桥接这两个“世界”。

渲染器线程

Electron 使用 Chromium 在称为渲染进程的单独进程中显示网页。此线程处理您在 /src 文件夹中的 UI 代码。您将无法在此处使用 Node.js 的功能,但预加载脚本将允许您将 UI 与 Node.js 连接起来。

主线程

在 Electron 中,运行 package.json 的 main 脚本的进程称为主进程。这是在主进程中运行的脚本,可以通过初始化渲染器线程来显示 GUI。此线程处理您在 /src-electron/electron-main.[js|ts] 中的代码。

预加载脚本

预加载脚本 (/src-electron/electron-preload.[js|ts]) 是一种通过在渲染器线程和 UI 之间建立桥梁,将 Node.js 内容注入渲染器线程的方法。您可以公开 API,然后从您的 UI 调用这些 API。