electron:官方文檔https://www.electronjs.org/解釋了桌面應(yīng)用的開發(fā)好處。

如果你可以建一個網(wǎng)站，你就可以建一個桌面應(yīng)用程序。 Electron 是一個使用 JavaScript, HTML 和 CSS 等 Web 技術(shù)創(chuàng)建原生程序的框架，它負(fù)責(zé)比較難搞的部分，你只需把精力放在你的應(yīng)用的核心上即可。

如上面所提到：會 JavaScript, HTML 和 CSS 就可以開發(fā)。我們學(xué)習(xí) electron 桌面應(yīng)用有下面這些優(yōu)勢：

1.減少學(xué)習(xí)成本。 前端開發(fā)者不需要去學(xué)習(xí)新的開發(fā)語言，學(xué)習(xí)不會花費很多時間；而且，electron學(xué)習(xí)難度會比其他C#、.net等簡單許多,對于許多開發(fā)者是友善的。
2.龐大的社區(qū)：electron是github官方產(chǎn)品，不管是框架技術(shù)、用戶使用數(shù)量，還是用戶信任度，都是得到各界開發(fā)人士肯定的。
3.減少工作量： Electron 是跨平臺的，可以同時開發(fā) Web 應(yīng)用和桌面應(yīng)用，無論是 UI，還是代碼（JS），大多數(shù)資源都可以共享，這也為開發(fā)者大大減少了工作量，甚至企業(yè)也無需重復(fù)投入人力來開發(fā)系統(tǒng)。
4.未來發(fā)展市場廣闊。從electron的主要用戶來看，很多都是大廠，如螞蟻金服、小米、華為、GitHub（Electron 就是 GitHub 推出的）、微軟等，由于現(xiàn)在 GitHub 被微軟收購了，因而目前 Electron 的后臺是微軟。因此學(xué)習(xí) Electron 不用擔(dān)心以后沒市場，畢竟，各大廠都在用 Electron

現(xiàn)在來學(xué)習(xí)一下electron吧！

一、搭建開發(fā)環(huán)境

官方給出：

Electron 支持Windows 7 及以上版本—任何在低版本W(wǎng)indows上開發(fā)Electron的嘗試都將是徒勞無功的。

electron 是nodejs提供技術(shù)插件支持，首先，為避免一些編譯環(huán)境不必要的錯誤，安裝nodejs最新版本node下載

再安裝git git下載(下面遠(yuǎn)程拉取官方實例代碼需要用到)

二、創(chuàng)建項目

1.安裝插件:

cnpm i -g electron
npm i -g electron
yarn electron

選擇任意一種安裝方式

建議使用

cnpm i -g electron

2.創(chuà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)建、初始化項目
cd xxx //進(jìn)入xxx項目目錄
npm start //運行項目

方法四：遠(yuǎn)程倉庫拉取

克隆示例項目的倉庫

$ git clone https://github.com/electron/electron-quick-start

進(jìn)入這個倉庫

$ cd electron-quick-start

安裝依賴

$ npm install

方法五：手動創(chuàng)建（有興趣的自己去bilibili上搜索視頻，有很多這類視屏的講解）

三、運行

使用命令行：

npm start

如果是手動創(chuàng)建的使用

electron . //點是當(dāng)前項目默認(rèn)運行文件

截圖如下（這是github遠(yuǎn)程倉庫示例）：

如上圖所示我這里簡單搭建和運行一個桌面應(yīng)用程序成功！

最新評論