摘要:翻譯一下它是一個運行時,可以像一樣這樣執行也是一個使用構建跨平臺原生桌面應用的框架。具有兩個進程,分別是主進程,以及渲染進程。
什么是 electron
官網里這么說:Electron提供了一個Nodejs的運行時,專注于構建桌面應用,同時使用web頁面來作為應用的GUI,你可以將其看作是一個由JavaScript控制的迷你版的Chromium瀏覽器。
翻譯一下:它是一個運行時,可以像 node 一樣這樣執行:electron app.js;也是一個使用 html + css + javascript 構建跨平臺原生桌面應用的框架。
本質上,electron 就是一個帶了 Chrome 瀏覽器的殼子(無需考慮兼容性的問題)。
Electron用 web 頁面作為它的 GUI,而不是綁定了 GUI 庫的 JavaScript。它結合了 Chromium、Node.js 和用于調用操作系統本地功能的 APIs(如打開文件窗口、通知、圖標等)。
具有兩個進程,分別是主進程,以及渲染進程。
主進程:運行 package.json 里面 main 腳本的進程成為主進程。
渲染進程: 每個 electron 的頁面都運行著自己的進程,稱為渲染進程。
主進程也就是 npm run start 出來的窗口,我們關心的,還是窗口里面的內容,即是渲染進程。
electron-vueelectron-vue 是一個結合 vue-cli 與 electron 的項目,主要避免了使用 vue 手動建立起 electron 應用程序,很方便。
我們需要做的僅僅是像平常初始化一個 vue-cli 項目一樣
vue init simulatedgreg/electron-vue my-project
就可以擁有一個 vue-loader 的 webpack、electron-packager 或是 electron-builder,以及一些最常用的插件,如vue-router、vuex 等等的腳手架。
下圖是我的 blog 結合 electron-vue 的目錄:
src 里的 main,即是主進程,而我們需要關心的則僅有 renderer 渲染進程。( main 進程里,添加了常用菜單欄的功能)。
打包發布打包發布有兩種方式:
electron-packager,打包方式比較簡單,想為哪個平臺打包,執行相應命令即可。
electron-builder,自動化部署,持續集成,只要監測到 github 上綁定的代碼倉庫發生了變化,即可打包發布。挺高大上的。配置有一點麻煩,感興趣的同學,可以參考這個 https://simulatedgreg.gitbook... ;
結語上手很愉快的。
electron 中文文檔: https://github.com/electron/e...
這有一個栗子:https://github.com/jkchao/vue... 。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89404.html
摘要:是什么是基于和擴展出來的一套基礎的應用框架,目的是為了快速的搭建炫酷的桌面應用,其實也算不上框架只是一種解決方案而已,讓后來的開發者在少采坑的情況下搭建出相對漂亮而快速的應用為什么要做這個公司的有個項目使用搭建的,最開始只是套了個網頁 electron-ui是什么 electron-ui是基于electron和electron-vue擴展出來的一套基礎的應用框架,目的是為了快速的搭建炫...
摘要:下安裝安裝和腳手架樣板代碼安裝依賴并運行你的程序環境下安裝在你的入口文件中注冊組件,并且相應的代碼實例 1.npm下安裝electron npm install electron -g 2.安裝 vue-cli 和 腳手架樣板代碼 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project 3.安裝依賴并運...
摘要:遠程讀取會有許多限制,防止引起不必要的安全隱患。比較時可以把點去掉轉為數字類型比較腳本執行完畢下載前可以拿到更新日志時間版本號和包大小,下載時可以拿到速度。然后開啟該項目的構建。將第一步生成的填至項目環境變量,參數名為。 父母都是做出納相關的工作,希望我能給他們做個簡單的進銷存,在上班的時候使用。開發一個不需要花錢買服務器,不需要依賴網絡(更新除外),單機版的程序,對于前端出身的我來說...
摘要:最近學習,發現一個腳手架,不僅集成好了等等,甚至打包工具打包命令都一并準備好了,實在是太方便了。于是產生了通過制作一個簡單的桌面應用,邊做邊學的想法。 最近學習vue,發現一個electron腳手架,不僅集成好了electron、vue、vue-state、vue-route、webpack等等,甚至打包工具打包命令都一并準備好了,實在是太方便了。于是產生了通過electron+vue...
閱讀 3753·2021-08-11 11:16
閱讀 1621·2019-08-30 15:44
閱讀 1995·2019-08-29 18:45
閱讀 2267·2019-08-26 18:18
閱讀 996·2019-08-26 13:37
閱讀 1565·2019-08-26 11:43
閱讀 2109·2019-08-26 11:34
閱讀 372·2019-08-26 10:59