摘要:說起桌面應用,想必大家使用過的就已經海了去了。那么現在我們就來生成一個程序包吧最后生成的可執行程序出就現在了如下位置愉快的雙擊使用吧
說起桌面應用,想必大家使用過的就已經海了去了。什么暴風影音、QQ、skype之類的,早已不是新鮮事!不過大家有沒有了解過如何編寫一個桌面應用?歷史上,我們都有哪些方式去編寫桌面應用呢?
實際上,桌面應用的歷史并不算久遠,不去查找各種資料,僅憑記憶,我能想到的曾經出現過的桌面應用編寫語言就有:C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objective-C、Swift...或許還有更多。
學習成本是不是有點高?這么多語言技術!!如果你恰好還碰到了一個吹毛求疵的老板或者PM,他就是那么迫切的希望自己的app能夠多平臺發布(也不管在那些平臺上是否有客戶),作為程序員的你,腫么辦?是勇挑大梁,然后各技術棧學習失敗,最終自盡以謝老板?還是果斷離開?
當然都不是,夠懶的程序員應該尋找更容易實現,又能滿足老板需求的解決方案。那么,我們來看看今天的話題,electron吧!
electron是什么?根據官網的描述,electron是一種可以使用網頁技術來開發跨平臺桌面應用的解決方案!感受一下,用你已知的技巧html、javascript、css就能寫桌面應用,是不是想想就有點兒小激動?!
誰在用electron?著名的前端界IDEAtom就是使用electron編寫的,震顫了有不有?
看看還有哪些著名的應用是基于electron編寫的:
那么接下來,讓我開始吧!
準備工作安裝nodejs
安裝yeoman
使用程序生成器npm install -g generator-electron-naive
創建項目如果使用unix like操作系統,請在命令前加sudo
那么我就先來一個簡單的叫todo小應用:
yo electron-naive
當鍵入上述命令后,生成器會有一系列問題問你,按需回答即可:
調試問題中的Use remote URL是指,是否想直接加載一個遠程的URL?如果選"是",那么會再要求你輸入精確地址
cd todo npm run dev
上述命令操作完后,會有如下應用界面打開:
找到todo/src/index.html,用你喜歡的IDE打開,然后拷貝如下代碼覆蓋index.html原先的內容:
TODO
再來看我們app界面,變成了如下樣子:
生成應用程序包之前生成項目的過程中,在“Which platform you"d like to package to?”這個問題里,你可選擇將來要支持的操作系統,以便生成相應的打包代碼。
那么現在我們就來生成一個程序包吧:
npm run dist
最后生成的可執行程序出就現在了如下位置:
愉快的雙擊使用吧!!!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/78916.html
摘要:于是乎,就想著把自己寫的這個小項目打包成桌面端,方面每次打開電腦就能看。然后繼續運行,然后白屏習慣性的首次失敗。。解決方法進入文件夾下的將其中的修改為相對路徑。再次運行,成功將的項目,顯示為桌面應用。總結至此,打包桌面端就這樣完成了。 背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在學習RxJS,平時邊看...
摘要:是一款幫助開發者實現跨平臺桌面開發的平臺。開發者只需要使用即可開發屬于自己的桌面應用。下面我來介紹下自己開發的一個小的應用,主要用來簡化進入終端的步驟。增加的時候彈框選擇一個想要打開的應用,可以添加自己的命令,比如甚至啟動之類的。 electron 是一款幫助開發者實現跨平臺桌面開發的平臺。開發者只需要使用javascript html css即可開發屬于自己的桌面應用。 所以說假如你...
摘要:話不多說,進入正題一安裝為了方便你以后的使用,建議全局安裝。怎么安裝就不廢話了,不會的去官網,安裝好之后也安裝一個專用的打包工具,以方便我們后面打包的時候使用。有些只能在該事件發生后才能被使用。 也許你不甘心只寫網頁,被人叫做他會寫網頁,也許你有項目需求,必須寫桌面應用,然而你只會前端,沒關系。網上的教程很多,但是很少有能說的淺顯易懂的,我盡力將electron打包應用說的清晰明了,希...
摘要:話不多說,進入正題一安裝為了方便你以后的使用,建議全局安裝。怎么安裝就不廢話了,不會的去官網,安裝好之后也安裝一個專用的打包工具,以方便我們后面打包的時候使用。有些只能在該事件發生后才能被使用。 也許你不甘心只寫網頁,被人叫做他會寫網頁,也許你有項目需求,必須寫桌面應用,然而你只會前端,沒關系。網上的教程很多,但是很少有能說的淺顯易懂的,我盡力將electron打包應用說的清晰明了,希...
摘要:首發于酷家樂前端博客標題是我以第一視角基于開發客戶端產品的體驗,我將在之后分一系列文章向有興趣的朋友一步一步介紹我是怎么從玩玩具的心態開始接觸到去開發客戶端產品,最后隨著業務和功能的復雜度提升再不斷地優化客戶端。 首發于酷家樂前端博客 標題是我以第一視角基于 Electron 開發客戶端產品的體驗,我將在之后分一系列文章向有興趣的朋友一步一步介紹我是怎么從玩玩具的心態開始接觸 Ele...
閱讀 511·2023-04-26 00:33
閱讀 3538·2021-11-24 09:39
閱讀 2899·2021-09-22 15:34
閱讀 2316·2019-08-23 18:07
閱讀 2912·2019-08-23 18:04
閱讀 3694·2019-08-23 16:06
閱讀 2893·2019-08-23 15:27
閱讀 1614·2019-08-23 14:32