錯誤示範#
首先創建 vite 項目
yarn create vite
然後加入 electron 依賴
yarn add --dev electron concurrently cross-env electron-builder wait-on
之後就是無盡的報錯
正確示範#
yarn create @quick-start/electron
中間會有幾個選項
? Add TypeScript? » No / Yes
是否使用TypeScript？如果喜歡TypeScript，請選擇Yes。
? Add Electron updater plugin? » No / Yes
是否添加Electron updater插件？選擇Yes。
? Enable Electron download mirror proxy? » No / Yes
是否開啟Electron鏡像下載代理。在國內網絡環境，強烈建議選擇Yes。
當然了，國內環境的話，可以通過配置文件來設置 electron 的鏡像
touch .npmrc && echo "electron.mirror=https://npm.taobao.org/mirrors/electron/" > .npmrc
創建好了直接yarn安裝依賴yarn dev運行就 ok 了
結尾#
為了創建這個工程，真的是一波三折，最後總結出來用@quick-start/electron創建項目確實快。