之前是使用React、Electron、TS和webpack來(lái)構(gòu)建桌面應(yīng)用的。雖然功能齊全，但是打包等等開(kāi)發(fā)的體驗(yàn)不太理想，總感覺(jué)太慢了。作為一個(gè)開(kāi)發(fā)者，我們總是希望，執(zhí)行構(gòu)建命令后，可以快速打包或者啟動(dòng)本地應(yīng)用，且通過(guò)更少的配置，來(lái)完成開(kāi)發(fā)體驗(yàn)。
現(xiàn)在的vite已經(jīng)得到廣泛的應(yīng)用。
同樣配置，vite啟動(dòng)和打包應(yīng)用的速度，遠(yuǎn)遠(yuǎn)快于webpack。因此我體驗(yàn)一下vite、vue3和Electron的組合，看看能夠帶來(lái)什么樣的體驗(yàn)。
這里所有的依賴(lài)包都是最新版本。
1、先創(chuàng)建一個(gè)vue3的應(yīng)用。執(zhí)行命令：npm create vite@ vue_electron --template vue-ts，如下圖所示：
選擇對(duì)應(yīng)的框架和語(yǔ)言即可然后一直回車(chē)，這樣就成功創(chuàng)建了vue應(yīng)用。文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-631689.html
2、下載安裝electron、已經(jīng)electron相關(guān)的依賴(lài)，比如electron-builder。在下載electron，一搬會(huì)出現(xiàn)很慢，甚至是卡頓的現(xiàn)象。我找了國(guó)內(nèi)相關(guān)的鏡像設(shè)置，只有這個(gè)是最有效的：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-631689.html
registry=https://mirrors到了這里，關(guān)于Electron + Vue3 + Vite + TS 構(gòu)建桌面應(yīng)用的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
