Electron脚手架

第三方脚手架：

• electron-react-boilerplate
  • 集成了 React 和 Electron
• electron-vue
• electron-vite
• vue-cli-plugin-electron-builder
  • vue-cli插件
  • 用于将vue应用打包成electron应用

手写electron脚手架

vite搭建

• 1、通过vite脚手架创建vue项目

• 2、安装electron

• 3、需要同时启动2个进程 （2个项目，由vite启动的vue项目和启动electron）

• 4、可借助concurrently库，可以同时执行多个命令

• 5、在electron，主进程中，加载vue单页面应用

  • 在开发环境中：win.loadURL('http://localhost:5173')
  • 在生产环境中，使用打包后的index.html，通过win.loadFile加载