electron桌面應(yīng)用程序搭建及簡(jiǎn)單運(yùn)行
electron:官方文檔https://www.electronjs.org/解釋了桌面應(yīng)用的開發(fā)好處。
如果你可以建一個(gè)網(wǎng)站，你就可以建一個(gè)桌面應(yīng)用程序。 Electron 是一個(gè)使用 JavaScript, HTML 和 CSS 等 Web 技術(shù)創(chuàng)建原生程序的框架，它負(fù)責(zé)比較難搞的部分，你只需把精力放在你的應(yīng)用的核心上即可。
如上面所提到：會(huì) JavaScript, HTML 和 CSS 就可以開發(fā)。我們學(xué)習(xí) electron 桌面應(yīng)用有下面這些優(yōu)勢(shì)：
1.減少學(xué)習(xí)成本。 前端開發(fā)者不需要去學(xué)習(xí)新的開發(fā)語言，學(xué)習(xí)不會(huì)花費(fèi)很多時(shí)間；而且，electron學(xué)習(xí)難度會(huì)比其他C#、.net等簡(jiǎn)單許多,對(duì)于許多開發(fā)者是友善的。
2.龐大的社區(qū)：electron是github官方產(chǎn)品，不管是框架技術(shù)、用戶使用數(shù)量，還是用戶信任度，都是得到各界開發(fā)人士肯定的。
3.減少工作量： Electron 是跨平臺(tái)的，可以同時(shí)開發(fā) Web 應(yīng)用和桌面應(yīng)用，無論是 UI，還是代碼（JS），大多數(shù)資源都可以共享，這也為開發(fā)者大大減少了工作量，甚至企業(yè)也無需重復(fù)投入人力來開發(fā)系統(tǒng)。
4.未來發(fā)展市場(chǎng)廣闊。從electron的主要用戶來看，很多都是大廠，如螞蟻金服、小米、華為、GitHub（Electron 就是 GitHub 推出的）、微軟等，由于現(xiàn)在 GitHub 被微軟收購了，因而目前 Electron 的后臺(tái)是微軟。因此學(xué)習(xí) Electron 不用擔(dān)心以后沒市場(chǎng)，畢竟，各大廠都在用 Electron
現(xiàn)在來學(xué)習(xí)一下electron吧！
一、搭建開發(fā)環(huán)境
官方給出：
Electron 支持Windows 7 及以上版本—任何在低版本W(wǎng)indows上開發(fā)Electron的嘗試都將是徒勞無功的。
electron 是nodejs提供技術(shù)插件支持，首先，為避免一些編譯環(huán)境不必要的錯(cuò)誤，安裝nodejs最新版本node下載
再安裝git git下載(下面遠(yuǎn)程拉取官方實(shí)例代碼需要用到)
二、創(chuàng)建項(xiàng)目
1.安裝插件:
cnpm i -g electron npm i -g electron yarn electron
選擇任意一種安裝方式
建議使用
cnpm i -g electron
2.創(chuàng)建項(xiàng)目：
方法一:
npx create-electron-app xxx //其中npx為node最新10版本內(nèi)置命令
方法二:
cnpm i -g yarn //安裝yarn命令 yarn create-electron-app xxx
方法三：
cnpm install -g @electron-forge/cli //安裝electron-forge腳手架 electron-forge init xxx //創(chuàng)建、初始化項(xiàng)目 cd xxx //進(jìn)入xxx項(xiàng)目目錄 npm start //運(yùn)行項(xiàng)目
方法四：遠(yuǎn)程倉庫拉取
克隆示例項(xiàng)目的倉庫
$ git clone https://github.com/electron/electron-quick-start
進(jìn)入這個(gè)倉庫
$ cd electron-quick-start
安裝依賴
$ npm install
方法五：手動(dòng)創(chuàng)建（有興趣的自己去bilibili上搜索視頻，有很多這類視屏的講解）
三、運(yùn)行
使用命令行：
npm start
如果是手動(dòng)創(chuàng)建的使用
electron . //點(diǎn)是當(dāng)前項(xiàng)目默認(rèn)運(yùn)行文件
截圖如下（這是github遠(yuǎn)程倉庫示例）：
如上圖所示我這里簡(jiǎn)單搭建和運(yùn)行一個(gè)桌面應(yīng)用程序成功！
相關(guān)文章
這篇文章主要介紹了TCP的三次握手與四次揮手詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2017-03-03
在本文中，我們將探討軟件開發(fā)過程中關(guān)于角色、重構(gòu)和質(zhì)量的問題。軟件不僅成為了一個(gè)必需品，更成為了一個(gè)競(jìng)爭(zhēng)優(yōu)勢(shì)。因?yàn)楸姸喙緡@軟件而競(jìng)爭(zhēng)，軟件開發(fā)相關(guān)的事宜顯得越發(fā)重要。開發(fā)軟件的人—軟件工程師正顯得越發(fā)重要。2021-05-05
這篇文章主要介紹了在VScode上使用latex編輯pdf的相關(guān)知識(shí)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了作為程序員必須了解的縮寫和專業(yè)名詞，文中講解非常詳細(xì)，對(duì)想學(xué)編程的朋友有所幫助，感興趣的可以了解下2020-07-07
Git是一個(gè)開源的分布式版本控制系統(tǒng)，可以有效、高速的處理從很小到非常大的項(xiàng)目版本管理，是目前使用范圍最廣的版本管理工具，本文重點(diǎn)給大家介紹在Visual Studio 中使用git及git的工作原理，感興趣的朋友一起看看吧2021-04-04
這篇文章主要介紹了Matlab使用fft畫出信號(hào)頻譜圖的方法,本文通過實(shí)例圖文相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-04-04
Scala函數(shù)式編程專題--scala基礎(chǔ)語法介紹
這篇文章主要介紹了scala基礎(chǔ)語法的的相關(guān)資料，文中講解非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-06-06
詳解靜態(tài)分析技術(shù)符號(hào)執(zhí)行
本文提綱絜領(lǐng)的介紹了符號(hào)執(zhí)行，讓大家明白這個(gè)技術(shù)的主要作用和面臨的挑戰(zhàn)，領(lǐng)大家入坑。2021-05-05
軟件的復(fù)雜性是我們程序員在日常開發(fā)中所必須面對(duì)的東西，學(xué)會(huì)如何 “弄清楚什么是軟件復(fù)雜性，找到導(dǎo)致軟件復(fù)雜的原因，并利用各種手法去戰(zhàn)勝軟件的復(fù)雜性” 是一門必備的能力。2021-05-05
Unity3D中shader 輪廓描邊效果實(shí)現(xiàn)代碼
這篇文章主要介紹了Unity3D中shader 輪廓描邊效果的相關(guān)資料,需要的朋友可以參考下2017-03-03