electron vite vue3 ts搭建

1.使用vite 构建 electron项目

创建一个vite 项目

npm init vite@latest

cd electron-vite

npm install

npm run dev

安装electron

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

 根目录新建 electron / index.ts

修改package.json

{
  "name": "vite-project",
  "private": true,
  "version": "0.0.0",
  "main": "dist/electron/index.js",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build  &&  electron-builder",
    "preview": "vite preview"
  },
  "dependencies": {
    "vue": "^3.2.45"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^4.0.0",
    "electron": "^19.0.10",
    "electron-