使用 electron-vite-vue 创建 vue3+vite+ts+electron （最简化生成）

步骤

1. 初始化 vue3+vite+ts 项目 A

   npm init vite@latest
   

2. 配置 electron 环境

   npm install electron -D
   npm install electron-builder -D
   npm install vite-plugin-electron -D
   

3. 新建目录创建 electron-vite-vue

   npm create electron-vite
   

4. 将创建的以下配置文件拷贝到项目 A 中（覆盖）

     ├─┬ electron
     │ ├─┬ main
     │ │ └── index.ts    entry of Electron-Main
     │ └─┬ preload
     │   └── index.ts    entry of Preload-Scripts
     ├─┬ src
     │ └── main.ts       entry of Electron-Renderer
     ├── index.html
     ├── package.json
     ├── electron-builder.json5
     └── vite.config.ts
   

5. 启动

   npm run dev
   

FAQ(s)

1. ⨯ Get "github.com/electron/el…"

   手动指定 electron 镜像源：

   npm config set ELECTRON_MIRROR "https://npm.taobao.org/mirrors/electron/"