electron react

electron react 是指使用 Electron 框架和 React 库来构建应用程序。可以通过在项目中安装 React 相关的依赖，然后使用 Electron 提供的 API 来创建窗口、处理事件等。具体的开发流程如下：
1. 首先，在命令行中执行以下命令安装 create-react-app 工具（如果已经安装则可忽略）：

   npm install -g create-react-app

2. 创建一个新的 React 项目（命名为 react-electron）：

   create-react-app react-electron

3. 进入项目目录并启动项目：

   cd react-electron && npm start

4. 接下来，安装 Electron 的依赖并创建主进程文件和渲染进程文件：

   npm install electron --save-dev

5. 在项目根目录下创建一个名为 `main.js` 的文件，用于创建和管理 Electron 主进程：

   const { app, BrowserWindow } = require('electron');

   function createWindow() {
     const win = new BrowserWindow({
       width: 800,
       height: 600,
       webPreferences: {
         nodeIntegration: true
       }
     });

     win.loadURL('http://localhost:3000'); // 加载 React 渲染进程

     // 打开开发者工具
     win.webContents.openDevTools();
   }

   app.whenReady().then(createWindow);

   app.on('window-all-closed', () => {
     if (process.platform !== 'darwin') {
       app.quit();
     }
   });

   app.on('activate', () => {
     if (BrowserWindow.getAllWindows().length === 0) {
       createWindow();
     }
   });

6. 修改 `package.json` 文件，在 `scripts` 字段下添加一个新的命令，用于启动 Electron：

   "scripts": {
     "start": "react-scripts start",
     "electron-start": "electron ."
   }

7. 最后，在命令行中执行以下命令启动开发环境下的 Electron：

   npm run electron-start