cordova打包vue 2019-06-06
2019-10-06 本文已影响0人
zhao_madman
第一步：安装cordova
如果已经安装则直接跳过，否则执行以下命令：
npm install -g cordova
第二步：新建cordova项目
执行命令
cordova create cordovaApp com.cordova.testapp
cd cordovaApp
cordova platform add android
第三步：修改vue项目
首先修改vue项目的index.html
然后引入cordova.js
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>hangge.com</title>
</head>
<body>
<div id="app"></div>
<script type=text/javascript src=cordova.js></script>
</body>
</html>
注意 1.vue路由模式必须为hash
2.检查打包后index.html引入得js，css路径是否正确
3.在main.js里面添加（省略这步骤，打包后可能会导致出现空白页）
import VueCorvovafrom'vue-cordova'
Vue.use(VueCorvova)
启动页和图标设置
