開發(fā)新版本 Vue 項目推薦你使用 Vite 腳手架構建開發(fā)環(huán)境，然而 Vite 腳手架更傾向于構建純 Web 頁面，而不是桌面應用，因此開發(fā)者要做很多額外的配置和開發(fā)工作才能把 Electron 引入到 Vue 項目中，這也是很多開發(fā)者都基于開源工具來構建 Electron+Vue 的開發(fā)環(huán)境的原因。
但這樣做有兩個問題：第一個是這些開源工具封裝了很多技術細節(jié)，導致開發(fā)者想要修改某項配置非常不方便；另一個是這些開源工具的實現(xiàn)方式我認為也并不是很好。
所以，我還是建議你盡量自己寫代碼構建 Electron+Vue 的開發(fā)環(huán)境，這樣可以讓自己更從容地控制整個項目。
具體應該怎么做呢？接下來我將帶你按如下幾個步驟構建一個 Vite+Electron 的開發(fā)環(huán)境：
創(chuàng)建項目
首先通過命令行創(chuàng)建一個 Vue 項目：
npm create vite@latest electron-jue-jin -- --template vue-ts
接著安裝 Electron 開發(fā)依賴：文章來源：http://www.zghlxwxcb.cn/news/detail-423963.html
npm install electron -D
安裝完成后，你的項目根目錄下的 package.json 文件應該與下面大體類似：文章來源地址http://www.zghlxwxcb.cn/news/detail-423963.html
{
"name": "electron-jue-jin",
"private": true,
到了這里，關于如何開發(fā) Vite 3 插件構建 Electron 開發(fā)環(huán)境？（文末附視頻講解）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
