分類
商品
商品
店鋪
資訊
產品中心
網站源碼 網絡服務
商家中心
新聞資訊
系統環境 網頁前端
• • •
福利每日最新任務大廳免費工具手機版
logo  
發布
分類
商品
商品
店鋪
資訊
熱門搜索 : WordPress 織夢 企業官網 小說源碼 Discuz
阿里云
活動
最高1000￥代金券

如何用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)
上一篇：Typescript 命令模式（Command）
下一篇：我了解的todos（redux+react-redux）
最新發布的資訊信息
【系統環境|服務器應用】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)
動云網絡
動云網絡
店鋪
買家指南

如何注冊

如何購買

搜索商品

支付方式

賣家指南

如何開店

收費標準

入駐簽約

保證金

安全交易

釣魚防騙

預防盜號

謹防詐騙

實名認證

常見問題

如何充值

如何提現

真假客服

忘記密碼

服務中心

我要建議

我要投訴

QQ客服

商務合作

管理客服

QQ：40899112

電話：0798-2109226

郵箱：[email protected]

時間：9:00-23:00

微信二維碼

送碼官方微信

關于我們 廣告合作 聯系我們 隱私條款 免責聲明 網站首頁 | 景德鎮送碼科技有限公司版權所有

贛ICP備19014045號-1 增值電信業務許可證申辦中
認證 認證 認證 認證
手機二維碼手機訪問領取大禮包
返回頂部
澳洲幸运10精准人工计划