为什么捐赠
API 资源管理器
升级指南
NEW!
quasar.config 文件
将项目转换为使用 Vite 的 CLI
浏览器兼容性
支持 TypeScript
目录结构
命令列表
CSS 预处理器
路由
懒加载 - 代码分割
处理资源
引导文件
预取功能
API 代理
处理 Vite
处理 process.env
使用 Pinia 进行状态管理
使用 Vuex 进行状态管理
代码校验器
测试 & 安全审计
开发移动应用
Ajax 请求
将开发服务器开放给公众
Quasar CLI with Vite - @quasar/app-vite
Electron 构建命令

开发

$ quasar dev -m electron

# ..or the longer form:
$ quasar dev --mode electron

# passing extra parameters and/or options to
# underlying "electron" executable:
$ quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox
# when on Windows and using Powershell:
$ quasar dev -m electron '--' --no-sandbox --disable-setuid-sandbox

它打开一个包含开发者工具的 Electron 窗口。你拥有渲染器进程的 HMR,对主进程的更改也会被接收(但后者会在每次更改时重启 Electron 窗口)。

查看如何在 配置 Electron 页面上调整主进程和预加载脚本的 Esbuild 配置对象。

Chrome 开发者工具

在开发模式下,按下以下组合键(当你的应用程序窗口处于焦点状态时)

  • macOS: Cmd Alt IF12
  • Linux: Ctrl Shift IF12
  • Windows: Ctrl Shift IF12

Vuejs 开发者工具

如果你想访问渲染器线程的 Vue 开发者工具

$ quasar dev -m electron --devtools

构建生产版本

$ quasar build -m electron

# ..or the longer form:
$ quasar build --mode electron

它为生产构建你的应用程序,然后使用 @electron/packager 将其打包成可执行文件。查看如何在 配置 Electron 页面上配置此项。

如果你想要一个启用 UI 代码调试的生产构建

$ quasar build -m electron -d

# ..or the longer form
$ quasar build -m electron --debug

非 Windows 用户注意事项

如果你想使用非 Windows 平台构建 Windows 版本,并且使用自定义图标,则必须安装 wine更多信息.

发布(仅限 electron-builder)

$ quasar build -m electron -P always

# ..or the longer form:
$ quasar build --mode electron --publish always

你可以使用 electron-builder 来构建你的应用程序,无论是直接在命令行中 (--bundler builder) 还是在 quasar.config 文件中的 electron.bundler 中显式设置。使用 @electron/packager 时,此标志无效。

目前(2019 年 6 月)支持的发布目的地包括 GitHub、Bintray、S3、Digital Ocean Spaces 或通用 HTTPS 服务器。更多信息,包括如何创建有效的发布指令,可以在 这里 找到。

-P 的有效选项是“onTag”、“onTagOrDraft”、“always”和“never”,这些选项在上面的链接中都有解释。此外,你的 quasar.config 文件中的 electron.builder 必须包含有效的 publish 配置指令。

以下是一个将 Windows EXE 安装文件发布到 Amazon S3 的非常基本的配置

/quasar.config 文件

electron: {
  bundler: 'builder', // set here instead of using command line flag --bundler
  builder: {
    appId: 'com.electron.myelectronapp',
    win: {
      target: 'nsis'
    },
    publish: {
      'provider': 's3',
      'bucket': 'myS3bucket'
    }
  }