背景:
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代码附上,欢迎参考