vite+vue3+ts 的项目增加electron打包成exe

将 Vite + Vue3 + TypeScript 项目打包成 Electron 应用程序需要进行以下步骤：

1. 安装 Electron：使用 npm 安装 Electron，可以通过以下命令进行安装：

   npm install electron --save-dev

2. 创建主进程文件：在根目录下创建一个名为 `electron.js` 的文件，并在其中编写 Electron 的主进程代码。

3. 修改 `package.json` 文件：将 `main` 属性的值设置为 `electron.js` 文件的路径，如下所示：

   {
     "name": "your-app",
     "version": "0.0.1",
     "main": "electron.js",
     ...
   }

4. 构建应用程序：在命令行中运行以下命令，将 Vite + Vue3 + TypeScript 项目构建成可在 Electron 中运行的应用程序。

   npm run build

5. 打包应用程序：使用 Electron Builder 打包应用程序，可以使用以下命令进行安装：

   npm install electron-builder --save-dev

然后，在 `package.json` 文件中添加以下代码：

   {
     "build": {
       "appId": "your.app.id",
       "productName": "Your App Name",
       "directories": {
         "output": "dist_electron"
       },
       "files": [
         "dist/**/*",
         "electron.js",
         "node_modules/**/*"
       ],
       "extraFiles": [
         "assets/**/*"
       ],
       "mac": {
         "category": "your.app.category.type"
       },
       "win": {
         "target": "nsis"
       }
     }
   }

6. 打包应用程序：在命令行中运行以下命令，将 Vite + Vue3 + TypeScript 项目打包成可执行文件。

   npm run electron:build

以上步骤是将 Vite + Vue3 + TypeScript 项目打包成 Electron 应用程序的基本步骤。根据自己的实际需求，可以进行一些额外的配置和修改。