electron開發文件
環境安裝
安裝node npm
建立專案
1從github拉取示例專案**
git clone
2進入專案目錄electron-quick-start
3修改配置main.js檔案
將mainwindow.loadfile(『index.html』)改為mainwindow.loadfile(』./dist/index.html』)
4將編譯後的vue dist資料夾考入electron-quick-start
5設定electron映象
npm config set electron_mirror=
6在electron-quick-start目錄下執行npm install安裝依賴包，執行npm start命令執行專案
打包1匯入 electron forge 到應用資料夾：
npx @electron-forge/cli import
2打包應用
npm run mark
開發1啟動vue專案，在electron專案的main.js中使用loadurl方法load vue專案的位址
2使用node api
在electron專案的main.js中配置node可用
nodeintegration: true,
引入node包時使用window.require方法代替require方法否則進入失敗
在vue檔案中呼叫node api
3開啟除錯
browserwindow.webcontents.opendevtools();//開啟除錯
技術預研
1在vue中使用node api
引入node包時使
electron環境搭建和使用
cnpm install g electron這裡已經要使用cnpm安裝，如果想用npm安裝會特別慢，除非翻牆 在你的桌面新建乙個檔案 你好 const electron require electron 引入electron模組 var browserwindow electron.browser...
electron環境搭建和使用
electron 是由 github開發的開源框架 它允許開發者使用web技術構建跨平台的桌面應用 electron chromium node.js native api 首先要先去安裝node環境 cnpm install g electron這裡已經要使用cnpm安裝，如果想用npm安裝會特別...
Electron簡介和安裝使用
一 electron簡介 electron的應用，使得了js不僅僅可以bs端專案，還可以做cs端專案。另外今天之所以研究下electron，還是因為公司的需要，業務場景是，通過electron.js開發出的桌面應用讓客戶可以通過這個桌面應用管理裝置和資產，同時也可以監控對應的裝置狀態等等。傳統的ex...