使用的工具

• Election-Vite
• Vue.js

1. 安装Electron-Vite

pnpm create @quick-start/electron

按照提示操作

√ Project name: ... <electron-app>
√ Package name: ... <electron-app>
√ Select a framework: » vue
√ Add TypeScript? ... No / Yes
√ Add Electron updater plugin? ... No / Yes
√ Enable Electron download mirror proxy? ... No / Yes

Scaffolding project in .\<electron-app>...

Done. Now run:

  cd <electron-app>
  pnpm install
  pnpm dev

部署完成后，具体目录结构如下：

build

…

resources

…

src

main

index.js

preload

index.js

renderer正常Vue.js项目的根目录

src

assets

…

components

…

App.vue

main.js

index.html

.editorconfig

.gitignore

.npmrc

.prettierignore

.prettierrc.yaml

dev-app-update.yml

electron.vite.config.mjs

electron-builder.yml

eslint.config.mjs

package.json

README.md

需记得安装依赖：

pnpm install

启动调试与构建

启动调试

pnpm dev

构建

pnpm build:win