Chl/Electron 最小化示例应用程序(3)

Created Wed, 15 Nov 2023 11:38:54 +0800 Modified Wed, 15 Nov 2023 11:38:54 +0800

概要

📦 Electron 快速入门, 这是一个 Electron 的最小化示例应用程序。

这里已经配置好各项文件, 不需要你像第(2)节文章一样, 配置launch.json文件等各项过程。你只需要确保所有依赖均以安装便可以直接启动, 包括第(4)节文章所提到的git仓库也是如此(#)。但你依然可以参考第(2)节使用vscode调试开发的方式(#)

事实

  • 📁 Electron 快速入门项目包含以下文件:

    • 📋 package.json - 指向应用程序的主文件,列出了其详细信息和依赖关系。
    • 🧭 main.js - 启动应用程序并创建一个浏览器窗口以渲染HTML,这是应用程序的主进程。
    • 🌐 index.html - 用于渲染的网页。这是应用程序的渲染器进程。
    • 🔄 preload.js - 在渲染器进程加载之前运行的内容脚本。
  • ⚙️ 要克隆并运行此存储库,您需要在计算机上安装 Git 和 Node.js(并附带 npm), 从命令行执行以下操作:(#):

    # 克隆此存储库
    git clone https://github.com/electron/electron-quick-start
    # 进入存储库
    cd electron-quick-start
    # 安装依赖项
    npm install
    # 直接运行应用
    npm start
    

    也可以参考下图, 用vscode打开electron官方示例代码进行查看

  • 📖 学习 Electron 的资源:

  • 📄 许可证:CC0 1.0(公有领域)

参考

[1] electron, “electron-quick-start: Clone to try a simple Electron app,” [Online]. Available: https://github.com/electron/electron-quick-start. [Accessed: November 14, 2023]​​.