3分钟上手:通过vue和electron创建桌面应用

https://electronjs.org/
使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用

https://cn.vuejs.org/v2/guide/
一套用于构建用户界面的渐进式框架。

https://github.com/SimulatedGREG/electron-vue
electron-vue 是一个结合 vue-cli 与 electron 的项目,主要避免了使用 vue 手动建立起 electron 应用程序,很方便。

开始使用

npm install -g vue-cli
安装vue-cli

可以通过vue -V 来查看是否安装成功。如下图是我的版本号,表示已经安装了vue-cli。

vue-cli.png

vue init simulatedgreg/electron-vue <your app name>
使用simulatedgreg/electron-vue 模板来创建vue项目

如下图:

electron-vue .png

然后,cd 进入刚才创建的项目,npm / cnpm i即可:


image.png

npm run dev 就可以出现如下图结果:

image.png

接下来就可以愉快的用vue开发桌面应用了!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容