VUE+Electron开发步骤

步骤一：创建新的 Vue 项目

1. 使用 Vite 创建一个新的 Vue 项目。在命令行中执行以下命令：
   npm init @vitejs/app my-electron-app --template vue cd my-electron-app

步骤二：安装 Electron 依赖

1. 安装 Electron 相关的依赖    npm install electron --save-dev

步骤三：配置 Vite 项目以在 Electron 中运行

1. 在 Vite 项目的根目录下创建一个名为 main.js 的文件，作为 Electron 主进程文件。

2. 修改 package.json 文件中的 scripts 部分，添加一个启动 Electron 的脚本命令：

   "scripts": { "electron": "electron ." }

步骤四：编写 Electron 主进程代码

1. 在 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') // assuming Vite dev server is running on this port } app.on('ready', createWindow)

步骤五：开发 Vue 前端界面

1. 继续使用 Vite 开发 Vue 前端界面，包括组件、路由、状态管理等。

步骤六：与 Electron 进行通信

1. 在 Vue 组件中，你可以使用 Electron 提供的 IPC（进程间通信）模块与 Electron 主进程进行通信，实现需要在主进程处理的操作。

步骤七：打包应用程序

1. 使用 Electron 提供的打包工具（如 electron-builder）将应用程序打包为可执行文件，准备进行发布。