背景:
js、html梯轻、css目前可以開發(fā)App,小程序食磕,網(wǎng)頁~
那可不可以開發(fā)桌面應(yīng)用呢?
解決方案:
先不說用哪個(gè)框架喳挑,作為一名開發(fā)你大概率使用過Visual Studio Code,Atom,Github DeakTop,Play Code等等等等彬伦,你知道他們是怎么開發(fā)出來的嗎滔悉?
有人說那還用問,原生桌面應(yīng)用~
答案可能往往不是单绑,他們都是用這個(gè)Electron框架來編寫的
他的官網(wǎng)有這么一句話:使用 JavaScript, HTML 和 CSS 構(gòu)建跨平臺(tái)的桌面應(yīng)用
真的是酷~
實(shí)踐的方式如下:
第一步:配置環(huán)境
全局安裝
- vue
- vue-cli
- vue-electron
第二步:初始化項(xiàng)目
1.創(chuàng)建文件名為demo的文件
vue init simulatedgreg/electron-vue demo
2.一路回車
3.文件創(chuàng)建完畢
4.接下來按照寫vue的習(xí)慣開始擼就行了
第三步:項(xiàng)目命令
- 本地跑項(xiàng)目
npm run dev
- 編譯打包
npm run build
打包后的文件將輸出在demo/build文件夾下
至此demo完成
Demo代碼附上回官,歡迎參考