Electron 與Vue合併實現熱過載

2022-09-07 14:30:12 字數 708 閱讀 4469

electron 專案通常使用 loadfile 載入前端專案:

mainwindow.

loadfile

('./dist/index.html'

)

這使得每更新一次專案都需要build-->electron .,非常耗時,其實 electron 還有 loadurl 命令,只要啟動一次 vue 除錯和 electron 除錯,將 url 指向 vue 除錯路徑,就可以實現熱過載

同時在網頁中會報錯的 nodejs 命令,在 electron 視窗中能完美執行

修改 electron 載入路徑配置

)要想 vue 和 electron 「一鍵啟動」,直接用 && 是不能實現的,因為兩個指令碼都會掛起,無法串聯執行,只能併聯執行,依靠 concurrently 外掛程式

npm i concurrently --s**e
修改 package.json

}

需要引入的 nodejs / electron 模組需要在 index.html 用 require 引入,其他地方可能找不到

vue的nuxt與electron學習筆記

該文章純屬筆記,寫的非常凌亂,請諒解 nuxt.js是vue專案中乙個能夠搜尋引擎優化的框架,原來的vue專案的前後端分離,均是通過傳送ajax請求然後獲取json非同步方式。這種方式不利於搜尋引擎優化,因為搜尋引擎爬蟲爬到後是空殼子。nuxt.js解決這一難點。安裝vue 在windows環境中安...

Vue使用Electron獲取電腦MAC位址

前端使用vue開發的pc管理端,boss提出登入系統需要進行電腦機器碼認證,諮詢了好多vue的小夥伴,均告知vue無法獲取mac位址。於是利用搜尋引擎查詢,發現網上有一些說獲取mac位址的,感覺最靠譜的還是ie核心的利用activex外掛程式才能獲取。最終放棄ie使用active的外掛程式這種方案,...

基於Vue的Electron專案搭建

demo 專案名稱 electron vue webpack配置檔案 build.js 生產環境構建 dev client.js 熱載入相關 dev runner.js 開發環境啟動入口 webpack.main.config.js 主程序配置檔案 webpack.renderer.config.j...