在我们开始实际开发之前，我们需要进行一些准备工作。
步骤 1：添加 Quasar Electron 模式
为了开发/构建 Quasar Electron 应用，我们需要在 Quasar 项目中添加 Electron 模式。这样做会 yarn/npm/pnpm/bun 安装一些 Electron 包，并创建一个 /src-electron 文件夹。
$ quasar mode add electron每个 Electron 应用都有两个线程：主线程（处理窗口和初始化代码——来自新创建的文件夹 /src-electron）和渲染线程（处理来自 /src 的应用实际内容）。
新文件夹的结构如下：
Windows 用户注意事项
如果在运行 `npm install` 时遇到与 `node-gyp` 相关的错误，则很可能您的系统上没有安装正确的构建工具。 构建工具包括 Python 和 Visual Studio 等。幸运的是，有一些包可以帮助简化此过程。
我们需要检查的第一项是我们的 npm 版本，并确保它没有过时。 这可以使用 npm-windows-upgrade 完成。如果您使用的是 yarn，则可以跳过此检查。
完成之后，我们可以继续设置所需的构建工具。 使用 windows-build-tools，大多数脏活累活都帮我们完成了。 全局安装它将依次设置 Visual C++ 包、Python 等。
注意：2019 年 4 月
在 Powershell.exe 中（以管理员身份运行）npm install --global windows-build-tools 似乎目前无法正常工作，并出现指向 python2 和 vctools 的错误。 您可以使用 Chocolatey 解决此问题。 一行安装命令
Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString(‘https://chocolatey.org/install.ps1’))
然后运行 choco upgrade python2 visualstudio2017-workload-vctools。
此时，一切应该成功安装，但如果不行，则需要重新安装 Visual Studio。 请注意，这些不是 Quasar 的问题，而是与 NPM 和 Windows 相关的问题。
步骤 2：开始开发
如果您想立即开始开发，可以使用“quasar mode”命令跳过上一步并执行
$ quasar dev -m 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 模式，如果它不存在。 它将打开一个 Electron 窗口，该窗口将渲染您的应用程序，以及并排打开的开发者工具。