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
使用simulatedgreg/electron-vue 模板来创建vue项目

如下图：

electron-vue .png

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

image.png

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

image.png

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