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

浏览器开发者工具

您可能希望您的应用程序仅在开发模式下允许访问浏览器开发者工具。在生产版本(未启用调试)中,您需要禁用此行为。

顺便说一句,为什么不在开发模式下默认打开开发者工具呢?

/src-electron/electron-main

function createWindow () {
  mainWindow = new BrowserWindow({ ... })

  if (process.env.DEBUGGING) {
    // if on DEV or Production with debug enabled
    mainWindow.webContents.openDevTools()
  }
  else {
    // we're on production; no access to devtools pls
    mainWindow.webContents.on('devtools-opened', () => {
      mainWindow.webContents.closeDevTools()
    })
  }
}

调试主进程

在开发环境中运行应用程序时,您可能已经注意到主进程中有一条消息提到了远程调试器。自从 electron@^1.7.2 发布以来,引入了通过 Inspect API 进行远程调试的功能,可以通过使用 Google Chrome 打开提供的链接或通过其他可以远程连接到使用默认端口 5858 的进程的调试器(例如 Visual Studio Code)轻松访问。

Debugger listening on ws://127.0.0.1:5858/b285586a-6091-4c41-b6ea-0d389e6f9c93
For help, see: https://node.org.cn/en/docs/inspector