Quasar CLI with Webpack - @quasar/app-webpack
Electron构建命令

开发

$ quasar dev -m electron

# ..或者更长的形式:
$ quasar dev --mode electron

# 将额外的参数和/或选项传递给
# 底层的“cordova”可执行文件:
$ quasar dev -m electron -- --no-sandbox --disable-setuid-sandbox
# 在Windows上使用Powershell时:
$ quasar dev -m electron '--' --no-sandbox --disable-setuid-sandbox

它打开了一个包含开发工具的Electron窗口。 您有渲染器进程的HMR,并且还修改了主进程(但后者会在每次更改时重新启动Electron窗口)。

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

Chrome DevTools

While in dev mode, hit the following combination (while your app window has focus):

  • macOS: Cmd Alt I or F12
  • Linux: Ctrl Shift I or F12
  • Windows: Ctrl Shift I or F12

Vuejs Devtools

Should you want to also access Vue Devtools for the renderer thread:

$ quasar dev -m electron --devtools

构建生产版本

$ quasar build -m electron

# ..或者更长的形式:
$ quasar build --mode electron

构建您的应用生产版本,然后使用electron-packager将其打包成可执行文件。 查看Electron配置页面上了解如何配置。

如果您想要为UI代码启用可调试的生产构建:

$ quasar build -m electron -d

# ..或更长的形式
$ quasar build -m electron --debug

非Windows用户的注意事项

如果您想使用非Windows平台为Windows构建自定义图标,则必须安装wine更多信息

发布(仅限electron-builder)

$ quasar build -m electron -P always

# ..或者更长的形式:
$ quasar build --mode electron --publish always

您可以使用electron-builder指定直接在命令行(--bundler builder)上构建应用程序,或者在quasar.config.js中的electron.bundler显式设置它。 使用electron-packager时,此设置无效。

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

-P的有效选项是“onTag”、“onTagOrDraft”、“always”和“never”,它们在上面的链接中解释。 此外,您必须在quasar.conf.js中的electron.builder设置有效的publish配置说明。

将Windows EXE安装文件发布到Amazon S3的一个非常基本的配置可能如下所示:

// quasar.config.js

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'
    }
  }