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.json 和 package.json 设置的入口有不同的作用范围和优先级:

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

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

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

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

相关推荐
fellow9936 分钟前
DSH Desktop:把 DeepSeek Harness 变成真正的桌面应用
electron·agent·ai编程·deepseek
CDwenhuohuo17 小时前
electron pc项目打包成桌面端
前端·javascript·electron
不可能片场2 天前
命令行中文变问号 我用环境变量救了场
前端·electron
不可能片场2 天前
AI视频口型对齐 用音频驱动说话镜头
前端·electron
Zoom3 天前
【开源】7 天,我用 Rust 复刻了 FinalShell!Rhost v1.0.0 发布
rust·electron·shell
爱丶不疚4 天前
Electron: Sentry 都采集了什么?你知道吗
前端·electron
格数致用4 天前
03- Luckysheet与Vue3+Electron集成实战指南
electron·vue3·luckysheet
fellow996 天前
Electron + pnpm 在鸿蒙应用里跑起来
electron·harmonyos·openharmony·deepseek·deepseekharness
记得开心一点嘛6 天前
Trellora:基于 Electron、React 和本地知识库的 AI 知识工作台
人工智能·react.js·electron
500846 天前
React Native for OpenHarmony 实战:三方库 react-native-url-polyfill 的鸿蒙化适配指南
javascript·react native·react.js·性能优化·electron·harmonyos