vite ts 的Electron项目

如果你想要在 Vite 中使用 TypeScript 来构建 Electron 应用程序，可以按照以下步骤进行操作：

1. 创建一个新的 Vite 项目

npm init vite@latest my-electron-app --template electron-ts

2. 安装 Electron

cd my-electron-app
npm install electron --save-dev

3. 在 `package.json` 文件中添加启动脚本

"scripts": {
  "dev": "vite",
  "start": "electron .",
  "build": "tsc && vite build"
}

4. 在 `src/main.ts` 中添加 Electron 的启动代码

import { app, BrowserWindow } from 'electron';

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

  win.loadURL('http://localhost:3000');
}

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

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

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

5. 运行应用程序

npm run dev  # 启动 Vite dev server
npm start   # 启动 Electron 应用程序

这样你就可以在 Vite 中使用 TypeScript 来构建 Electron 应用程序了。