electron桌面应用,可以结合前端框架vue使用,而我们也可以通过vue工具来构建electron的应用,这就需要我们全局安装vue-cli,通过vue构建electron应用的脚手架,推荐使用SimulatedGREG/electron-vue,这个与我们的webpack构建方式很像,也是vue init simulatedgreg/electron-vue projectname。
这里给出一个示例:
1、安装vue-cli。
$ npm install -g vue-cli
全局有了vue,我们就可以通过vue命令来构建应用了,可以检查一下vue版本。
2、通过simulatedgreg/electron-cli脚手架构建应用。
项目初始化过程中会提示一些设置信息,这些信息会加入package.json中,可以根据需要设置,一般默认即可。
项目初始化完成,会有个安装依赖,以及开发模式下运行的命令:
3、根据命令,我们需要进入项目目录