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