electron教程（一）创建项目

csdn推荐

对于 Electron 项目的开发，以下是一个基本的步骤指南：1. 安装 Node.js 和 npm： Electron 是基于 Node.js 和 Chromium 构建的，因此首先需要安装 Node.js 和 npm（Node.js 包管理工具）。可以在 Node.js 官方网站上下载适合你操作系统的安装包。2. 创建新的 Electron 项目：创建一个新的文件夹作为你的项目文件夹，并打开命令行工具进入该文件夹。运行以下命令来初始化一个新的 npm 项目：```bashnpm init```按照提示填写项目信息，完成后会生成一个 `package.json` 文件。3. 安装 Electron：运行以下命令来安装 Electron：```bashnpm install electron```这样会将 Electron 安装到你的项目文件夹中，并将其添加到 `package.json` 文件的依赖项中。4. 创建主进程脚本：在项目文件夹中创建一个名为 `main.js` 的文件，这将作为 Electron 主进程的入口点。在 `main.js` 文件中，你可以编写代码来创建和控制 Electron 应用程序的窗口、处理各种事件等。

5. 创建渲染进程脚本：在项目文件夹中创建一个名为 `index.html` 的文件，这将作为 Electron 渲染进程的入口点。在 `index.html` 文件中，你可以编写 HTML、CSS 和 JavaScript 代码来定义应用程序的用户界面。6. 修改 `package.json` 文件：在 `package.json` 文件中，将 `main` 属性设置为 `main.js`，将 `scripts` 属性中的 `test` 命令改为启动 Electron 的命令，例如：```json"main": "main.js","scripts": { "start": "electron ."},```7. 启动 Electron 应用程序：在命令行工具中运行以下命令来启动 Electron 应用程序：```bashnpm start```这将执行 `start` 脚本命令，并启动 Electron 应用程序。这些是 Electron 项目开发的基本步骤。你可以进一步学习 Electron 的 API 和其他功能来构建更复杂的应用程序。

文章来源:https://blog.csdn.net/weixin_48082900/article/details/140101549