1.如何安装cordova开发环境
$ npm install -g cordova
2.如何构建cordova的工程
1)创建cordova的project
$ cordova create testapp
2)为cordova项目添加platform project
$ cd testapp
$ cordova platform add ios //加入ios开发平台
$ cordova platform add android //加入android开发平台
3)在相关平台运行app
$ cordova run ios //运行ios
$ cordova run android //运行android
4)用指定模拟器运行cordova工程
$ cordova emulate ios --target iPhone-6s
3.通过vue-cli构建vue项目
1)安装vue-cli
$ npm install -g vue-cli
2)创建工程
$ vue init webpack-simple vue-project-name
*两个创建的工程放在平级
屏幕快照 2017-08-11 上午10.09.48.png3)安装vue依赖包
$ cd vue-project-name
$ npm install
4)安装Vue-router，Vuex和Mint-ui
$ npm install vue-router vuex --save
$ npm install mint-ui --save
5)修改webpack.config.js
...
output: {
path: path.resolve(__dirname,
publicPath: 'js/',
filename: 'build.js'
},
...
。
publicPath是指的一些公共资源（如图片，css文件）的加载路径。
<body>
<!-- <div class="app">
<h1>Apache Cordova</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div> -->
<div id="app"></div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/build.js"></script>
</body>
加入一个<div id="app"></div>和<script type="text/javascript" src="js/build.js"></script>
这里面就是vue生成的js
直接运行cordova run ios就可以看到效果了，我们已经将vue生成的文件运行了。