electron --- make a desktop application
現在都在給人家傳教使用electron((X github page 之前的編輯器介紹部分也有做介紹visual studio code, bracket, Atom, 這一系列編輯器base on electron 那就來介紹一下何謂electron吧 把你在網頁上運行的程式碼可以做成桌面APP 只要簡單幾行程式碼，可以達成前後端溝通，底層控制，而且跟網頁執行情況一樣 簡而言之，他就是包含了一個可以進行底層運作的瀏覽器，底層實作是透過nodejs， 渲染畫面則是用了chromium來實作，背後支援團隊是github 原本項目的名稱為atom-shell，之後再改名為electron，目前已經有很多家的企業採用electron為製作desktop application 打著Build cross platform desktop apps with web technologies的electron，其實從之前就有一直關注，我有時會利用它來撰寫一些比較簡易的桌面APP來玩 基本安裝 yarn [global] add electron 因為最新的electron使用node7 的版本，意味著基本的ES6都支援了，連ES7的async/await都可以玩的到 以下是簡易的開啟一個視窗的功能 啊...另外由於我懶得用typescript再重新進行compile過程，所以接下來都是用香草js來進行實作 const { app , BrowserWindow } = require ( 'electron' ); function createWindow () { // 設定寬*高 let mainWindow = new BrowserWindow ({ width: 1024 , height: 768 }); // 將畫面放到最大 mainWindow . maximize () // 主頁面設定，相當於web首頁 mainWindow . loadURL ( 'file://' + __dirname + '/index.html' )