2016年6月1日 星期三
ⓒ使用Electron開發JavaScript的Windows桌面應用程式
站長好一陣子沒有寫文章,
今天要來寫一篇Electron的教學。
1. 首先安裝軟體:
到官方網站下載Node.js並安裝,
現在的Node.js安裝版已經內建了npm套件管理工具。
https://nodejs.org/en/download/ (node-v4.4.5-x64.msi)
執行『cmd』打開命令提示字元,
輸入NPM語法安裝以下軟體。
安裝electron-prebuilt:
安裝electron-packager:
安裝asar:
2. 準備好程式與配置檔:
視窗主程式(index.js)
網頁主程式(index.html)
配置文件檔(package.json)
hello專案目錄下的檔案:
index.html
index.js
package.json
3. 編譯成執行
執行『cmd』打開命令提示字元,進入hello目錄,執行下面語法:
接著就會在目錄下生成一個『hello-win32-x64』目錄,
執行目錄下的『hello.exe』即可執行程式囉。
編譯過程影片:
後記:
稍微要注意的是Electron使用的是1.0.2版本,
因為最新版的有些人似乎會出現問題。
好一陣子都在趕程式做報告,
今天這篇主要是用來筆記也分享出來,
希望對大家有點幫助這樣。
|
沒有留言:
張貼留言