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 小时前
electron系列9:调用原生能力,剪贴板、通知、开机自启
前端·javascript·electron
浩星20 小时前
electron系列8之Electron + Vue 3:构建现代化桌面应用(下)
前端·vue.js·electron
浩星20 小时前
electron系列7之Electron + Vue 3:构建现代化桌面应用(上)
javascript·vue.js·electron
浩星4 天前
electron系列5:深入理解Electron打包
前端·javascript·electron
Armouy4 天前
Electron:核心概念、性能优化与兼容问题
前端·javascript·electron
浩星4 天前
electron系列6之性能优化:从启动慢到内存泄漏
前端·javascript·electron
午安~婉4 天前
Electron桌面应用聊天(续)
前端·javascript·electron
浩星4 天前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
浩星4 天前
electron系列2:搭建专业Electron开发环境
javascript·typescript·electron
浩星5 天前
electron系列3:进程模型深度解析:主进程、渲染进程、预加载脚本
前端·electron·前端框架