基于Cordova+Vue+IDEA开发Hybrid App（一）

1.安装node和npm

2.安装Cordova Cli npm install -g cordova

3.安装了Cordova Cli以后就可以使用命令新建一个项目了 cordova create MyApp （具体步骤可以参见cordova官网）

4.我们使用idea来新建项目，首先需要在idea中安装cordova插件

5.在settings->plugins->Browse repositories中查找cordova，安装即可

6.重启后，可以再new project中选择。

7.可以看出来，idea cordova插件也是通过Cordova Cli来实现新建项目工程的。

8.上述步骤可以新建Cordova项目，由于Vue项目的构建也是通过Cli工具，基于npm来构建的，所以先重命名package.json

9.在Terminal中使用 vue init webpack 初始化vue，项目中会重新生成package.json

10.这时候可以再npm tool window中添加新的package.json，便可以一键执行vue的相关命令

11.通过执行按钮也可以自动生成apk并安装到手机或者模拟器

12.但目前编译vue和生成运行apk是分别通过两个操作来完成的，下面要做的是将vue编译好的文件自动生成到cordova工程的www目录中，然后打包apk，执行vue生成的html页面

13.首先修改vue的配置文件config\index.js，使得vue编辑的目标文件夹为cordova的www目录

14.配置运行命令，将vue的编译命令添加为前置执行的脚本

15.通过以上的配置就可以一键编译vue生成html相关文件到www目录中，然后打包成apk并运行到手机或者模拟器上。

还需要进一步做的事情有：
1.目前构建的项目是一个nodejs项目，无法在idea中打开Android Monitor，为开发调式带来不便
2.还没有将Cordova Js添加到vue生成的HTML中