当前位置: 首页 > news >正文

cordova使用vue进行开发

使用vue框架进行cordova跨平台混合框架app开发,步骤如下:

1、使用cordova创建一个项目

2、使用vue创建一个项目

3、在vue项目的根目录创建一个vue.config.js文件(如果有则不用再创建),vue.config.js的内容如下:

'use strict'module.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 安卓应用

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 题解:T480718 eating
  • 【思科】链路聚合实验配置和背景
  • 自动化产线 搭配数据采集监控平台 创新与突破
  • mysql 安装配置 next 按钮为什么置灰点击不了
  • 3D 渲染一个房屋需要多长时间?
  • chatglm2-6b-prompt尝试
  • SwiftUI 6.0(Xcode 16)新 PreviewModifier 协议让预览调试如虎添翼
  • 路网双线合并单线——ArcGIS 解决方法
  • 全国区块链职业技能大赛国赛考题区块链产品需求分析与方案设计
  • CSS 计数器:WebKit 的样式增强术
  • Java8-21新特性
  • HarmonyOS应用开发者高级认证,Next版本发布后最新题库 - 单选题序号3
  • modbus slave 设备通过 网关thingsboard-gateway 将数据上传到thingsboard云平台
  • 基于ListBox制作一个好看的侧边菜单导航栏
  • 【Agent】信息提取场景
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • FastReport在线报表设计器工作原理
  • js中forEach回调同异步问题
  • Material Design
  • PAT A1092
  • Puppeteer:浏览器控制器
  • React Transition Group -- Transition 组件
  • SpiderData 2019年2月16日 DApp数据排行榜
  • 基于Dubbo+ZooKeeper的分布式服务的实现
  • 基于遗传算法的优化问题求解
  • 简单基于spring的redis配置(单机和集群模式)
  • 两列自适应布局方案整理
  • 实习面试笔记
  • 我的面试准备过程--容器(更新中)
  • 移动端 h5开发相关内容总结(三)
  • postgresql行列转换函数
  • 继 XDL 之后,阿里妈妈开源大规模分布式图表征学习框架 Euler ...
  • 新年再起“裁员潮”,“钢铁侠”马斯克要一举裁掉SpaceX 600余名员工 ...
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • # AI产品经理的自我修养:既懂用户,更懂技术!
  • ###51单片机学习(1)-----单片机烧录软件的使用,以及如何建立一个工程项目
  • #include到底该写在哪
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • $forceUpdate()函数
  • (175)FPGA门控时钟技术
  • (Java企业 / 公司项目)点赞业务系统设计-批量查询点赞状态(二)
  • (Oracle)SQL优化基础(三):看懂执行计划顺序
  • (ZT)一个美国文科博士的YardLife
  • (八)c52学习之旅-中断实验
  • (二)【Jmeter】专栏实战项目靶场drupal部署
  • (二)Pytorch快速搭建神经网络模型实现气温预测回归(代码+详细注解)
  • (二十三)Flask之高频面试点
  • (附源码)计算机毕业设计SSM疫情社区管理系统
  • (三)终结任务
  • (实测可用)(3)Git的使用——RT Thread Stdio添加的软件包,github与gitee冲突造成无法上传文件到gitee
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (算法)硬币问题
  • ***php进行支付宝开发中return_url和notify_url的区别分析
  • .dat文件写入byte类型数组_用Python从Abaqus导出txt、dat数据
  • .gitignore文件—git忽略文件