1.安裝vite

pnpm create vite

2.安裝electron

? ? ? ? 用npm下載不過來QAQ

? ? ? ? 下載失敗的話就重新下一遍

cnpm i -D electron

3.安裝concurrently

? ? ? ? 用來執行多個程序

pnpm i concurrently

4.配置package.json

{"name": "demo","private": true,"version": "0.0.0","type": "module","main": "electron/main.cjs","scripts": {"dev": "concurrently \"vite\" \"electron .\"","build": "vue-tsc && vite build","preview": "vite preview"},"dependencies": {"concurrently": "^8.2.2","vue": "^3.4.21"},"devDependencies": {"@vitejs/plugin-vue": "^5.0.4","electron": "^30.0.6","typescript": "^5.2.2","vite": "^5.2.0","vue-tsc": "^2.0.6"}
}

5.運行

pnpm run dev

6.配置請求安全

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"/>