企业建站系统模板,大朗网站建设,公司做网站推广的价格,西安网站维护推广使用vue框架进行cordova跨平台混合框架app开发#xff0c;步骤如下#xff1a;
1、使用cordova创建一个项目
2、使用vue创建一个项目
3、在vue项目的根目录创建一个vue.config.js文件#xff08;如果有则不用再创建#xff09;#xff0c;vue.config.js的内容如下…使用vue框架进行cordova跨平台混合框架app开发步骤如下
1、使用cordova创建一个项目
2、使用vue创建一个项目
3、在vue项目的根目录创建一个vue.config.js文件如果有则不用再创建vue.config.js的内容如下
use strictmodule.exports {publicPath: ./,//这个值也可以被设置为空字符串 () 或是相对路径 (./)这样所有的资源都会被链接为相对路径这样打出来的包可以被部署在任意路径也可以用在类似 Cordova hybrid 应用的文件系统中。outputDir: ../www,assetsDir:static,indexPath:index.html,runtimeCompiler:false//将打包目录指向/cordova-projec下的wwwproductionSourceMap: false,//如果你不需要生产环境的 source map可以将其设置为 false 以加速生产环境构建。}
需要将vue.config.js中的publicPath设置为./
然后使用打包命令“npm run build”对vue项目进行打包打包后会形成一个dist文件把dist文件夹下的文件全部复制到cordova项目下www目录内www目录内原文件全部删除。
4、在cordova项目执行“cordova build android”命令生成的apk安装包就可以安装到Android手机了。安装完毕打开即是vue开发的页面。 参考链接vue开发Android 安卓 vue 安卓应用
