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 的配置为准。

相关推荐
学海无涯,行者无疆19 小时前
把 Web App 装进客户端——Tauri框架实战:托盘功能、消息通知、构建安装程序
electron·tauri·单例运行·web应用客户端化·托盘通知·tauri实战·tauri框架
林恒smileZAZ1 天前
Electron 的西天取经
前端·javascript·electron
Mr -老鬼1 天前
Electron 与 Tauri 全方位对比指南(2026版)
前端·javascript·rust·electron·nodejs·tauri
frontend_frank2 天前
脱离 Electron autoUpdater:uni-app跨端更新:Windows+Android统一实现方案
android·前端·javascript·electron·uni-app
cn_mengbei2 天前
鸿蒙PC原生应用开发避坑指南:Qt 6.6与Electron 28兼容性问题全解析
qt·electron·harmonyos
cn_mengbei2 天前
鸿蒙PC跨端开发实战:从Qt环境配置到Electron应用鸿蒙化的完整指南
qt·electron·harmonyos
呆头鸭L2 天前
用vue3+ts+elementPlus+vite搭建electron桌面端应用
前端·vue.js·electron
musashi3 天前
用 Electron 写了一个 macOS 版本的 wallpaper(附源码、下载地址)
前端·vue.js·electron
叶落无痕523 天前
Electron应用自动化测试实例
前端·javascript·功能测试·测试工具·electron·单元测试
卡布叻_星星3 天前
Vue3+Vite+Electron实现开发桌面应用
electron