vite+vue3的项目增加electron

要将 Vite + Vue 3 项目添加到 Electron 中，你需要进行以下步骤：

1. 首先，确保你已经安装了 Node.js 和 Electron。可以通过以下命令来安装它们：

   npm install -g electron

2. 接下来，你需要在项目根目录下创建一个名为 `main.js` 的文件，这将是 Electron 主进程的入口文件。在该文件中，你需要编写一些代码来创建 Electron 窗口，以及将 Vite + Vue 3 项目加载到窗口中。可以参考以下示例代码：

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

   function createWindow() {
     const mainWindow = new BrowserWindow({
       width: 800,
       height: 600,
       webPreferences: {
         nodeIntegration: true,
         contextIsolation: false,
         enableRemoteModule: true,
       },
     })

     mainWindow.loadURL(`file://${path.join(__dirname, 'index.html')}`)
   }

   app.whenReady().then(() => {
     createWindow()

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

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

3. 然后，你需要在 `package.json` 文件中添加一些脚本，以便启动 Electron 应用程序。可以参考以下示例代码：

   {
     "scripts": {
       "start": "vite dev",
       "electron": "electron ."
     }
   }

4. 最后，你需要在命令行中运行以下命令来启动 Electron 应用程序：

   npm run start

在另一个终端窗口中运行以下命令：

   npm run electron

这将启动 Vite + Vue 3 项目和 Electron 应用程序。现在，你可以在 Electron 窗口中看到你的 Vue 3 应用程序了。