国产日产欧产精品精品软件,中文字幕在线官网,国产第一页屁屁影院

electron是一款功能強大的跨平臺桌面開發工具，支持Web技術開發桌面應用開發，Electron使用Web頁面作為它的圖形界面，使用純JavaScript來創建桌面應用程序。

electron官方介紹

Electron是一個開源的跨平臺開發框架，整合了Node.js、Chromium和V8，讓開發者可以使用HTML、CSS和JavaScript編寫跨平臺桌面應用，使用Electron開發的應用不僅可以在Windows、Linux以及Mac平臺下運行，還擁有自動更新、崩潰報告、調試分析等功能，目前微軟、Facebook、Stack和Docker等多家公司都在使用Electron。

Electron特色

一、優點

1、它依賴于每一個Web開發者都已經熟知的Web標準，讓你可以用它編寫桌面軟件。

2、它允許開發者專注于核心功能，它去負責軟件開發中復雜的部分

3、它為桌面應用提供了多種核心功能，例如自動更新、崩潰報告、安裝器創建工具和一些具體的系統功能

二、缺點

沒有內置的MVC，無法完全支持Chrome平臺。

electron使用教程

編寫第一個Electron應用

通常，一個Electron應用的結構類似下面：

your-app/

├── package.json

├── main.js

└── index.html

package.json 的格式與Node的模塊格式是一致的，其中 main 字段指定的腳本就是你應用的啟動腳本，該腳本將運行在主進程中。你的 package.json 也許看上去像下面這個例子：

{

"name": "your-app",

"version" : "0.1.0",

"main" : "main.js"

}

注意如果在 package.json 中的 main 字段沒有指定，那么Electron將嘗試裝載一個名為 index.js 的腳本。

main.js 應當創建窗口并且處理系統事件，一個典型的例子如下：

const electron = require('electron');

// 控制應用生命周期的模塊

const {app} = electron;

// 創建本地瀏覽器窗口的模塊

const {BrowserWindow} = electron;

// 指向窗口對象的一個全局引用，如果沒有這個引用，那么當該javascript對象被垃圾回收的

// 時候該窗口將會自動關閉

let win;

function createWindow() {

// 創建一個新的瀏覽器窗口

win = new BrowserWindow({width: 800, height: 600});

// 并且裝載應用的index.html頁面

win.loadURL(`file://${__dirname}/index.html`);

// 打開開發工具頁面

win.webContents.openDevTools();

// 當窗口關閉時調用的方法

win.on('closed', () => {

// 解除窗口對象的引用，通常而言如果應用支持多個窗口的話，你會在一個數組里

// 存放窗口對象，在窗口關閉的時候應當刪除相應的元素。

win = null;

});

}

// 當Electron完成初始化并且已經創建了瀏覽器窗口，則該方法將會被調用。

// 有些API只能在該事件發生后才能被使用。

app.on('ready', createWindow);

// 當所有的窗口被關閉后退出應用

app.on('window-all-closed', () => {

// 對于OS X系統，應用和相應的菜單欄會一直激活直到用戶通過Cmd + Q顯式退出

if (process.platform !== 'darwin') {

app.quit();

}

});

app.on('activate', () => {

// 對于OS X系統，當dock圖標被點擊后會重新創建一個app窗口，并且不會有其他

// 窗口打開

if (win === null) {

createWindow();

}

});

// 在這個文件后面你可以直接包含你應用特定的由主進程運行的代碼。

// 也可以把這些代碼放在另一個文件中然后在這里導入。

最后 index.html 則是你想要展示在窗口中：

<!DOCTYPE html>

<html>

<head>

<title>Hello World!</title>

</head>

<body>

<h1>Hello World!</h1>

We are using node <script>document.write(process.versions.node)</script>,

Chrome <script>document.write(process.versions.chrome)</script>,

and Electron <script>document.write(process.versions.electron)</script>.

</body>

</html>

運行你的應用

一旦你建立了你的 main.js , index.html , 以及 package.json 文件，你也許會想要嘗試在本地運行應用來測試它，確保應用是按照你預期的方式工作。

electron-prebuilt

electron-prebuilt 是一個 npm 的模塊，它包含了一個預編譯的Electron版本。

如果你已經通過 npm 將該模塊全局安裝了，那么你只需要在你應用的源代碼目錄西下運行下面的命令：

electron .

如果你只是在本地安裝了該模塊，那么運行：

./node_modules/.bin/electron .

手動下載Electron二進制包

如果手動下載了Electron二進制包，你可以通過執行其中包含的二進制文件來直接執行你的應用。

Windows

$ .\electron\electron.exe your-app\

Linux

$ ./electron/electron your-app/

OS X

$ ./Electron.app/Contents/MacOS/Electron your-app/

這里的 Electron.app 是Electron發布包的一部分，你可以在這里下載。

運行發布

在完成應用開發之后，你可以按照應用發布指導創建一個發布，然后執行打包的應用。

嘗試例子

通過使用 atom/electron-quick-start 來克隆并且運行教程的代碼。

注意運行該例子需要在你的系統中安裝 Git 以及 Node.js （它也包含了 npm )。

# 克隆倉庫

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

# 進入克隆的倉庫

$ cd electron-quick-start

# 安裝依賴然后運行應用

$ npm install && npm start

PC官方版

安卓官方手機版

IOS官方手機版

electron(跨平臺桌面應用開發工具)1.6.8 官方免費版

相關軟件

Delphi7完美精簡版(5M)7.0 免費版

TC簡單程序開發工具7.0 免費版

PHP開發工具(CodeLobster PHP Edition)5.6.0 中文安裝版(附注冊碼)

electron官方介紹

Electron特色

electron使用教程

electron(跨平臺桌面應用開發工具)截圖

electron(跨平臺桌面應用開發工具) 1.6.8 官方免費版

擴展閱讀

本類最新軟件

本類軟件推薦