electron启动页

  • 如果有 launch.json 文件的话一般就是在文件中指定的
  • program 中指定的 main.js
json 复制代码
{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "启动程序",
            "runtimeExecutable": "${workspaceFolder}/node_modules/.bin/electron",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}\\main.js"
        }
    ]
}
  • 如果没有 launch.json 文件,可以在 package.json 中通过 main 字段指定 Electron 主进程的入口文件
json 复制代码
{
  "name": "myphone",
  "version": "1.0.0",
  "description": "myphone desc",
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "electron .",
    "build": "electron-builder --config electron-builder.json",
    "dist": "electron-builder --win --ia32"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron-builder": "^23.6.0"
  }
}

优先级

Electron 项目中,launch.jsonpackage.json 设置的入口有不同的作用范围和优先级:

入口文件的优先级和作用
  1. package.json 中的 main 字段

    • 这是 Electron 应用的主进程入口
    • 指定的是 Electron 应用启动时加载的 JavaScript 文件
    • 例如:"main": "main.js" 表示 Electron 会执行 main.js 文件
  2. Launch 文件(如 .vscode/launch.json

    • 这是开发环境调试配置,用于 IDE 调试时指定如何启动应用
    • 不影响生产环境的应用启动行为
    • 主要用于开发时的调试参数设置
实际启动流程
  • 生产环境:只看 package.jsonmain 字段
  • 开发调试:如果配置了 launch.json文件,会按照其配置启动调试会话,但仍会最终加载 package.json 中指定的主进程文件
总结

package.jsonmain 字段是 Electron 应用的权威入口配置,而 Launch 文件只是开发工具的调试配置。应用的实际启动始终以 package.json 的配置为准。

相关推荐
不爱吃糖的程序媛8 小时前
鸿蒙PC Electron 打印服务实现详解
华为·electron·harmonyos
一千柯橘11 小时前
Electron 第一步
前端·electron
1024小神11 小时前
Electron实现多tab页案例,BrowserView/iframe/webview不同方式的区别
前端·javascript·electron
时间不说谎11 小时前
linux上编译electron源码
electron
国服第二切图仔11 小时前
Electron for 鸿蒙PC实战案例Gitcode口袋工具之HTTP请求封装的技术实现与设计解析
http·electron·gitcode
weixin79893765432...17 小时前
Electron + Vue 3 + Vite 实践
vue.js·electron·vite
●VON20 小时前
初识双雄:Electron 与鸿蒙 OS 的跨平台使命
javascript·electron·harmonyos
●VON1 天前
Electron for HarmonyOS:跨平台底层原理探析
javascript·electron·harmonyos
weixin79893765432...2 天前
Electron 深入浅出地解读
electron
●VON2 天前
Electron 实战:纯图片尺寸调节工具(支持锁定纵横比)
前端·javascript·electron·开源鸿蒙