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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
vue-cli3+cordova实现app混合开发的更多相关文章
- Hybrid APP混合开发的一些经验和总结
		http://www.cnblogs.com/kingplus/p/5588339.html 写在前面: 由于业务需要,接触到一个Hybrid APP混合开发的项目.当时是第一次接触混合开发,有一些经 ... 
- Hybrid APP混合开发
		写在前面: 由于业务需要,接触到一个Hybrid APP混合开发的项目.当时是第一次接触混合开发,有一些经验和总结,欢迎各位一起交流学习~ 1.混合开发概述 Hybrid App主要以JS+Nativ ... 
- Cordova+Angularjs+Ionic 混合开发入门讲解
		作为一名学习Android开发的学生,对于移动开发的发展趋势颇为关注,大家都知道,现在原生的移动开发在企业上基本很少使用了,大部分企业为了降低成本,选择了webapp,hybrid(混合开发)这两种模 ... 
- Vue+原生App混合开发手记#1
		项目的大致需求就是做一个App,里面集成各种功能供用户使用,其中涉及到很多Vue的使用方法,单独总结太麻烦,所以通过这几篇笔记来梳理一下.原型图如下: 路由配置 主界面会用到一些原生App方法,比如验 ... 
- vue app混合开发蓝牙串口连接(报错java.io.IOException: read failed, socket might closed or timeout, read ret: -1;at android.bluetooth.BluetoothSocket.connect at js/BluetoothTool.js:329)
		我使用的uni-app <template> <view class="bluetooth"> <!-- 发送数据 --> <view c ... 
- cordova 使用H5混合开发APP
		cordova 中文官网 http://cordova.axuer.com/docs/zh-cn/latest/ 
- AngularJS 之iOS 移动 APP 混合开发(原生+JS)
		Ionic 简介 Ionic框架是什么 Ionic 是目前最有潜力的一款 HTML5 手机应用开发框架.通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用. 它使用 J ... 
- hybird app混合开发介绍
		一 概念 1 Hybird App,是用现有前端(html,js,css)技术来开发的app.特点:1 灵活(开发灵活 ,部署灵活) 2 拥有类似原生的性能体验. 2 不是h5页面,也不是在webvi ... 
- H5与APP混合开发相关知识点总结
		整理一: 现在有这么个需求,如下图 app端点击右上角的 加 号 ,弹出模态框 这个项目是基于vue写的,客户端需要调用H5页面里定义的js方法,但是在vue里,所有的方法都是在组件内部声明的,也只能 ... 
随机推荐
- JAVA连接数据库 #03# HikariCP
			索引 为什么用数据库连接池? HikariCP快速入门 依赖 简单的草稿程序 设置连接池参数(只列举常用的) MySQL配置 修改Java连接数据库#02#中的代码 测试 为什么用数据库连接池? 为什 ... 
- Eloquent JavaScript #10# Modules
			索引 Notes 背景问题 模块Modules 软件包Packages 简易模块 Evaluating data as code CommonJS modules ECMAScript modules ... 
- Eloquent JavaScript #07# Project: A Robot
			索引 Notes Excercise Measuring a robot Robot efficiency Persistent group 注释即笔记: const roads = [ " ... 
- java.lang.IllegalStateException: Failed to check the status of the service
			java.lang.IllegalStateException: Failed to check the status of the service com.pinyougou.sellergoods ... 
- asyncio 学习
			来自:https://www.syncd.cn/article/asyncio_article_02 一.asyncio之—-入门初探 通过上一篇关于asyncio的整体介绍,看过之后基本对async ... 
- PyTorch 中,nn 与 nn.functional 有什么区别?
			作者:infiniteft链接:https://www.zhihu.com/question/66782101/answer/579393790来源:知乎著作权归作者所有.商业转载请联系作者获得授权, ... 
- 远程图片转化为base64
			远程图片转化为base64 <?php /* * * 第一种方法 * 远程图片转化为base64,只支持http(推荐使用) * */ public static function imgUrl ... 
- Golang两种方法实现MD5加密
			package main import ( "crypto/md5" "fmt" "io" ) func main() { str := & ... 
- Codeforces 789D Weird journey - 欧拉路 - 图论
			Little boy Igor wants to become a traveller. At first, he decided to visit all the cities of his mot ... 
- Guitar Pro怎样可以快速打出三连音?
			相信很多的音乐爱好初学者在使用入门编曲软件Guitar Pro的时候,都会碰到这样一个问题,很多乐谱中都出现了三连音,那么我们使用Guitar Pro的时候,如何能够打出三连音呢? 三连音,就是三等分 ... 
