背景:
JS,html,CSS 目前可以开发 App, 小程序, 网页~
那可不可以开发桌面应用呢?
解决方案:
先不说用哪个框架, 作为一名开发你大概率使用过 Visual Studio Code,Atom,GitHub DeakTop,Play Code 等等等等, 你知道他们是怎么开发出来的吗?
有人说那还用问, 原生桌面应用~
答案可能往往不是, 他们都是用这个 Electron https://electronjs.org/ 框架来编写的
他的官网有这么一句话: 使用 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 代码附上, 欢迎参考 https://github.com/smalldew/electron-openSource
来源: http://www.jianshu.com/p/8de0b8228d51