基于react、vite、electron快速创建工程

如何创建electron-vite-react

创建vite应用

yarn create @vitejs/app electron-vite-react --template react

cd electron-vite-react

yarn

安装electron打包工具

yarn add --dev @electron-forge/cli

当打包工具安装完成后，我们设置一下electron打包配置，然后我们就可以通过electron-forge进行electron打包了。

yarn electron-forge import

编辑package.json

我们还需要安装两个依赖：

concurrently
cross-env

安装方法：

yarn add -D concurrently cross-env

当依赖安装完成后，我们修改package.json文件，添加打包脚本：

"script": {
   
  "start": "npm run build && npm run electron:start",
  "dev": "concurrently -k \"vite\" \"npm run electron:dev\"",
  "build": "vite build",
  "preview": "vite preview",