如何用Electron開發桌面應用?

  • 時間:2019-01-19 18:38 作者:Luciena 來源:Luciena 閱讀:51
  • 掃一掃,手機訪問
摘要:背景:js、html、css目前可以開發App,小程序,網頁~那可不可以開發桌面應用呢?處理方案:先不說用哪個框架,作為一名開發你大概率使用過Visual Studio Code,Atom,Github DeakTop,Play Code等等等等,你知道他們是怎樣開發出來的嗎?有人說那還用問,原生桌

背景:

js、html、css目前可以開發App,小程序,網頁~
那可不可以開發桌面應用呢?

處理方案:

先不說用哪個框架,作為一名開發你大概率使用過Visual Studio Code,Atom,Github DeakTop,Play Code等等等等,你知道他們是怎樣開發出來的嗎?

有人說那還用問,原生桌面應用~

答案可能往往不是,他們都是用這個Electron框架來編寫的

他的官網有這么一句話:使用 JavaScript, HTML 和 CSS 構建跨平臺的桌面應用

真的是酷~

實踐的方式如下:

第一步:配置環境

全局安裝

  • vue
  • vue-cli
  • vue-electron

第二步:初始化項目

1.創立文件名為demo的文件

vue init simulatedgreg/electron-vue demo

2.一路回車

3.文件創立完畢

4.接下來按照寫vue的習慣開始擼就行了

第三步:項目命令

  • 本地跑項目
npm run dev 
  • 編譯打包
npm run build

打包后的文件將輸出在demo/build文件夾下

至此demo完成
Demo代碼附上,歡迎參考

  • 全部評論(0)
最新發布的資訊信息
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
【系統環境|軟件環境】更新版ThreeJS 3D粒子波浪動畫(2019-12-04 14:26)
【系統環境|軟件環境】前臺開發WebStorm常用快捷鍵,火速收藏!(2019-12-04 14:25)
【系統環境|軟件環境】微博H5登錄和發微博組件(2019-12-04 14:25)
【系統環境|軟件環境】5分鐘談前臺面試,小伙伴都驚呆了(2019-12-04 14:23)
手機二維碼手機訪問領取大禮包
返回頂部
澳洲幸运10精准人工计划