iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
0
Modern Web

ElectronJS系列 第 7

[ Day 7 ] - electron 學習資源列表

  • 分享至 

  • xImage
  •  

下載 第 6 天成品
使用 npm build 打包出安裝檔或免安裝程式 /images/emoticon/emoticon12.gif ,
將安裝檔分享出去讓更多人看到這可愛的小貓


我們的桌面小應用程式於昨日告一段落 , 明天我們將開始製作我們的簡易 Slack ( 動物聊天室 )

今天休息一下 , 欣賞 electron 官網首頁 所提到的新手專用的學習工具 與 一些學習資源

工具

1. electron quick start

  • electron 腳手架 , 他提供初期的框 , 方便初學者從這開始修改 , 追加需要功能

2. electron fiddle

  • electron 的遊戲區 , 將 5 個重點的檔案 , 分成 5 個區塊顯示出來

main.js . preload.js . index.html . renderer.js . styles.css 這 5 個區塊可以用 控制是否顯示

fiddle 中有預存一些 sample code , 可以用 show me -> electron APIs -> Tray 快速切換出 sample code

如果有 github 帳號 , 你可以將做好的程式透過 gist 分享給其他人 , 也可以從 gist 上下載別人分享的

3. electron api demos

  • 一個完整的 electron 應用程式 , 專門展示 electron API 的各個功能

影片

參考資料

今年小弟第一次參加 `鐵人賽` , 如文章有誤 , 請各位前輩提出指正 , 感謝  <(_ _)>

上一篇
[ Day 6 ] - 桌面小圖示(五) - 用 electron-builder 打包應用程式給其他人
下一篇
[ Day 8 ] - 動物聊天室(一) - vue 與 electron
系列文
ElectronJS38
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言