vue-cli3+cordova实现app混合开发

一、安装vue-cli3

安装并建新项目

 

二、进入项目安装cordova

    npm install -g cordova

下载完之后,输入 cordova -v 查看是否成功安装,出现相应的版本号则成功安装。

 

三、创建cordova

cordova create learn-cordova

然后运行一下代码进行初始化配置

cordova platform add android --save

cordova platform add ios --save

cordova platform add browser --save

四、在根目录上建新vue.config.js,将outpuDir输出路径指定为./www/,因为cordova测试环境是在www文件夹里

 

五、添加根目录中package.json中的参数

 

这样每次写完项目后想进行调试,那么就可以将手机链接电脑,然后运行npm run android就可以了



作者:周郭郭先生
链接:https://www.jianshu.com/p/543a1da430c2
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
posted @   brave-sailor  阅读(1371)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
历史上的今天:
2018-04-17 Android 手把手教您自定义ViewGroup(一)
2018-04-17 Android Studio3.1.0升级问题记录
2017-04-17 Android圆形图片不求人,自定义View实现(BitmapShader使用)
2017-04-17 Android图像处理之冰冻效果
2017-04-17 Java图像渐变
2017-04-17 Android图像处理之熔铸特效
2017-04-17 Android学习笔记之图像颜色处理(ColorMatrix)
点击右上角即可分享
微信分享提示