亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

用electron寫桌面應(yīng)用

wawor4827 / 3511人閱讀

摘要：說起桌面應(yīng)用，想必大家使用過的就已經(jīng)海了去了。那么現(xiàn)在我們就來生成一個程序包吧最后生成的可執(zhí)行程序出就現(xiàn)在了如下位置愉快的雙擊使用吧

說起桌面應(yīng)用，想必大家使用過的就已經(jīng)海了去了。什么暴風(fēng)影音、QQ、skype之類的，早已不是新鮮事！不過大家有沒有了解過如何編寫一個桌面應(yīng)用？歷史上，我們都有哪些方式去編寫桌面應(yīng)用呢？

實際上，桌面應(yīng)用的歷史并不算久遠(yuǎn)，不去查找各種資料，僅憑記憶，我能想到的曾經(jīng)出現(xiàn)過的桌面應(yīng)用編寫語言就有：C++、Delphi、VB、winForm、WPF、swing、awt、QT、flash、Objective-C、Swift...或許還有更多。

學(xué)習(xí)成本是不是有點高？這么多語言技術(shù)??！如果你恰好還碰到了一個吹毛求疵的老板或者PM，他就是那么迫切的希望自己的app能夠多平臺發(fā)布(也不管在那些平臺上是否有客戶)，作為程序員的你，腫么辦？是勇挑大梁，然后各技術(shù)棧學(xué)習(xí)失敗，最終自盡以謝老板？還是果斷離開？

當(dāng)然都不是，夠懶的程序員應(yīng)該尋找更容易實現(xiàn)，又能滿足老板需求的解決方案。那么，我們來看看今天的話題，electron吧！

electron是什么？

根據(jù)官網(wǎng)的描述，electron是一種可以使用網(wǎng)頁技術(shù)來開發(fā)跨平臺桌面應(yīng)用的解決方案！感受一下，用你已知的技巧html、javascript、css就能寫桌面應(yīng)用，是不是想想就有點兒小激動？！

誰在用electron？

著名的前端界IDEAtom就是使用electron編寫的，震顫了有不有？

看看還有哪些著名的應(yīng)用是基于electron編寫的：

那么接下來，讓我開始吧！

準(zhǔn)備工作

安裝nodejs

安裝yeoman

使用程序生成器 
npm install -g generator-electron-naive
如果使用unix like操作系統(tǒng)，請在命令前加sudo
創(chuàng)建項目

那么我就先來一個簡單的叫todo小應(yīng)用：

yo electron-naive

當(dāng)鍵入上述命令后，生成器會有一系列問題問你，按需回答即可：

問題中的Use remote URL是指，是否想直接加載一個遠(yuǎn)程的URL？如果選"是"，那么會再要求你輸入精確地址
調(diào)試 
cd todo
npm run dev

上述命令操作完后，會有如下應(yīng)用界面打開：

找到todo/src/index.html，用你喜歡的IDE打開，然后拷貝如下代碼覆蓋index.html原先的內(nèi)容：



    
        
        TODO

    再來看我們app界面，變成了如下樣子：

    生成應(yīng)用程序包

    之前生成項目的過程中，在“Which platform you"d like to package to?”這個問題里，你可選擇將來要支持的操作系統(tǒng)，以便生成相應(yīng)的打包代碼。

    那么現(xiàn)在我們就來生成一個程序包吧：

    npm run dist

    最后生成的可執(zhí)行程序出就現(xiàn)在了如下位置：

    愉快的雙擊使用吧?。。?/p>

    文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/78916.html

    相關(guān)文章

    • electron 將pc端（vue）頁面打包為桌面端應(yīng)用

      摘要：于是乎，就想著把自己寫的這個小項目打包成桌面端，方面每次打開電腦就能看。然后繼續(xù)運行，然后白屏習(xí)慣性的首次失敗。。解決方法進(jìn)入文件夾下的將其中的修改為相對路徑。再次運行，成功將的項目，顯示為桌面應(yīng)用。總結(jié)至此，打包桌面端就這樣完成了。 背景 showImg(https://segmentfault.com/img/bVYowg?w=1922&h=862); 最近在學(xué)習(xí)RxJS，平時邊看...

      Dongjie_Liu 評論0 收藏0

    • 使用Electron 構(gòu)建是自己的桌面快捷應(yīng)用

      摘要：是一款幫助開發(fā)者實現(xiàn)跨平臺桌面開發(fā)的平臺。開發(fā)者只需要使用即可開發(fā)屬于自己的桌面應(yīng)用。下面我來介紹下自己開發(fā)的一個小的應(yīng)用，主要用來簡化進(jìn)入終端的步驟。增加的時候彈框選擇一個想要打開的應(yīng)用，可以添加自己的命令，比如甚至啟動之類的。 electron 是一款幫助開發(fā)者實現(xiàn)跨平臺桌面開發(fā)的平臺。開發(fā)者只需要使用javascript html css即可開發(fā)屬于自己的桌面應(yīng)用。 所以說假如你...

      Gilbertat 評論0 收藏0

    • electron原來這么簡單----打包你的react、VUE桌面應(yīng)用程序

      摘要：話不多說，進(jìn)入正題一安裝為了方便你以后的使用，建議全局安裝。怎么安裝就不廢話了，不會的去官網(wǎng)，安裝好之后也安裝一個專用的打包工具，以方便我們后面打包的時候使用。有些只能在該事件發(fā)生后才能被使用。 也許你不甘心只寫網(wǎng)頁，被人叫做他會寫網(wǎng)頁，也許你有項目需求，必須寫桌面應(yīng)用，然而你只會前端，沒關(guān)系。網(wǎng)上的教程很多，但是很少有能說的淺顯易懂的，我盡力將electron打包應(yīng)用說的清晰明了，希...

      shevy 評論0 收藏0

    • electron原來這么簡單----打包你的react、VUE桌面應(yīng)用程序

      摘要：話不多說，進(jìn)入正題一安裝為了方便你以后的使用，建議全局安裝。怎么安裝就不廢話了，不會的去官網(wǎng)，安裝好之后也安裝一個專用的打包工具，以方便我們后面打包的時候使用。有些只能在該事件發(fā)生后才能被使用。 也許你不甘心只寫網(wǎng)頁，被人叫做他會寫網(wǎng)頁，也許你有項目需求，必須寫桌面應(yīng)用，然而你只會前端，沒關(guān)系。網(wǎng)上的教程很多，但是很少有能說的淺顯易懂的，我盡力將electron打包應(yīng)用說的清晰明了，希...

      suemi 評論0 收藏0

    • Electron，從玩玩具的心態(tài)開始，到打造出一款越來越優(yōu)秀的桌面客戶端產(chǎn)品

      摘要：首發(fā)于酷家樂前端博客標(biāo)題是我以第一視角基于開發(fā)客戶端產(chǎn)品的體驗，我將在之后分一系列文章向有興趣的朋友一步一步介紹我是怎么從玩玩具的心態(tài)開始接觸到去開發(fā)客戶端產(chǎn)品，最后隨著業(yè)務(wù)和功能的復(fù)雜度提升再不斷地優(yōu)化客戶端。 首發(fā)于酷家樂前端博客 標(biāo)題是我以第一視角基于 Electron 開發(fā)客戶端產(chǎn)品的體驗，我將在之后分一系列文章向有興趣的朋友一步一步介紹我是怎么從玩玩具的心態(tài)開始接觸 Ele...

      Markxu 評論0 收藏0

    發(fā)表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <