一个简单的 Electron 程序的开发步骤

最新推荐文章于 2025-04-11 11:53:04 发布

baeiou

最新推荐文章于 2025-04-11 11:53:04 发布

阅读量551

点赞数 5

文章标签： electron javascript 前端

本文链接：https://blog.youkuaiyun.com/baeiou/article/details/130409618

版权

本文详细介绍了如何在终端中使用Electron框架创建项目，包括设置主进程和渲染进程代码，以及如何配置package.json。通过`npmstart`命令运行应用程序，展示了基本的开发流程和功能实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.创建项目
在终端中创建一个新的目录，并进入该目录，执行以下命令来创建一个新的 Electron 项目：

mkdir my-electron-app
cd my-electron-app
npm init -y
npm install electron --save-dev

如果 npm install electron --save-dev 有错误
请先升极node 或 npm
删除node_modules和package-lock.json重来
再不行就
修改package.json添加依赖修改如下：

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "dependencies": {
    "electron": "^12.0.0",
    "electron-packager": "^15.2.0"
  },
  "main": "main.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

2.创建主进程代码
在项目根目录下创建一个名为 main.js 的文件，用于编写 Electron 主进程的代码，如下：