创建一个Cordova-Vue混合项目

最新推荐文章于 2024-07-19 17:14:42 发布
最新推荐文章于 2024-07-19 17:14:42 发布
阅读量282 收藏
点赞数
分类专栏： android 文章标签： cordova vue webapp混合项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39625815/article/details/87463476
版权
本文指导如何创建一个Cordova-Vue混合项目，从设置Cordova项目，到引入Vue项目，再到添加camera插件进行测试。首先在项目根目录下建立CordovaProject，然后进入并创建Vue-Project，选择standalone构建，不使用vue-router和ESLint。接着将cordova.js引入Vue项目，并在vue的index.html中添加。完成Vue项目的配置后，返回Cordova项目，准备添加camera插件以验证项目配置。
摘要由CSDN通过智能技术生成

项目根目录下

cordova create CordovaProject io.cordova.hellocordova CordovaApp

CordovaProject 为项目名
io.cordova.hellocordova 为反向域名/androidmainfest中package名

进入cordova项目下

cordova platform add android

vue init webpack Vue-Project

Vue-Project 为vue项目名
Project name vue
? Project description A Vue.js project
? Author CC
? Vue build standalone
? Install vue-router? No
? Use ESLint to lint your code? No
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run npm install for you after the project has been created? (recommended) npm
最后一步若卡住则需要fanqiang或自己进vue项目cnpm install
修改一下配置文件 config>index.js
修改配置文件中build

引入cordova.js

向vue项目

最低0.47元/天 解锁文章
E1_even
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
cordova-vue-hybrid-app:cordova和vue开发的混合应用app
05-17
`Cordova-vue-hybrid-app`项目就是这样一个例子，它利用Apache Cordova的跨平台能力与Vue.js的前端框架特性，构建出高性能、可扩展的移动应用。本文将深入探讨Cordova和Vue.js在混合应用开发中的关键知识点。 **一...
Cordova+Vue 项目初始化
DC_Even的博客
06-13 9088
1.生成cordova项目 具体见http://cordova.apache.org全局安装cordova $ npm install -g cordova创建一个项目名为MyAPP的工程 $ cordova create MyApp生成目录如下图： 2.在MyAPP工程中创建一个Vue项目 具体见https://cn.vuejs.org/v2/guide/installation.html全
node+cordova+vue环境搭建
qazwsxcdew的博客
09-23 1894
1. 安装 cordova 这一步的前提是已经完成安装node和npm,如果没有安装的话，请先完成node和npm的安装。 (1) node安装：直接进入官网https://nodejs.org/en/download/下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。 (2) npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。 下载或者更新 SDK 如果不用代理，有可能...
使用cordova + vue搭建混合app框架
gui3135926448的博客
03-10 2764
使用cordova + vue搭建混合app框架
VUE+cordova打包apk
小唐的博客
11-30 1722
上面说过 自己的vue 项目 通过 npm run build 打包好的静态文件 static 和 index.html复制到 www 的文件夹下替换。可以通过官网安装 也可以通过 android studio 进行安装 配置好环境变量 可以查询资料。打包好以后 会出现一下图片 我们需要的是 静态资源（static） 以及 index.html。生成的证书要跟打包好的项目放在一个文件夹内。这时候文件夹下会出现你创建好的项目文件。您的名字与姓氏是什么：【自己写】这个时候可以打包自己的项目。
使用 Cordova 跨平台打包 Vue
nonlinearthink的博客
10-24 606
想要更好的阅读体验，可以转我的个人博客。 Cordova 安装 使用 npm 安装 cordova 命令行: npm install -g cordova 创建 Vue 项目: vue create cordova-test 找了一圈 Vue 的 Cordova 插件，个人觉得最好用的是这个: vue-cli-plugin-cordova-simple。这位老哥写得这么好，都没人帮他宣传。 vue add vue-cli-plugin-cordova-simple 新建 vue.config.js 文
解决cordova+vue 项目打包成APK应用遇到的问题
11-29
创建Cordova项目是下一个步骤。进入你的工作目录，使用`cordova create`命令创建新项目，例如：`cordova create DianChiApp com.dhsr.dianchi Dianchi`。这将会创建一个包含基本结构的新项目。接着，你需要添加...
教你用Cordova打包Vue项目的方法
11-28
**步骤二：创建Cordova项目** 创建一个新的Cordova项目，运行以下命令： ```bash cordova create cordovaApp com.cordova.testapp ``` 这将会创建一个名为`cordovaApp`的新项目，并指定其ID为`...
用Cordova打包Vue项目的方法步骤
12-29
第一步：安装cordova,创建好cordova项目。 第二步：修改vue项目 首先修改vue项目的index.html，引入cordova.js。这个引入在浏览器打开会报错。要打包后运行在真机后方可看到效果 <body> <div id=app></div...
cordova + vue 应用
weixin_45723246的博客
01-04 3063
cordova + vue 快速上手详细教程
cordova使用vue进行开发
最新发布
HelloWorld的专栏
07-19 275
cordova vue
cordova + vue 开发App最快上手指南
不靠谱的作曲家
08-18 1108
首先我们先安装cordova所需的运行环境node、jdk、sdk，环境都有了之后全局安装cordova 一、安装 npm install -g cordova 安装完之后可以通过cordova -v 查看版本 cordova -v 二、创建 安装完之后就可以创建应用了，cordova create + 项目名 + 包名，包名可以不加 cordova create hello-cordova 安装完之后生成以下目录 如果想创建安卓项目那就 cordova platform add android
Cordova+Vue2.0打包apk，保姆教程来袭！
zm17671443092的博客
08-01 1552
1.环境准备（全部都需要配置环境变量）4.config.xml配置。5.安卓9以上无法发生请求。3.安装cordova。
Cordova + vue 打包安卓(Android) apk
m0_55534317的博客
09-26 3632
在生成的cordova文件中 :config.xml -包含应用相关信息，使用到的插件以及面向的平台platforms – 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库plugins – 包含应用所需插件的 Cordova 库，使得应用能够访问例如照相机和电池状态相关的事项。在打包之前，检查打包相关环境是否正确安装，在cordova项目文件夹下执行命令。就可以看到手机或者pad上出现我们的Vue项目啦！就可以看到手机或者pad上出现我们的Vue项目啦！
Cordova与Vue结合使用
aron_H1的博客
07-26 2563
1.Cordova与Vue结合使用，调用安卓基层功能     在完成我的上一篇文章所述的操作以后，我们就可以来完成以下的操作。 1.1 .在Cordova中创建Vue项目 命令行创建完Cordova 项目后，cd 项目名，使用vue-cli 创建Vue项目。 创建完毕的项目目录如右图。其中的Vue文件就是我们的H5项目        1.2 .项目中调用安卓功能          在...
使用 Vue CLI 插件 Cordova 构建跨平台移动应用
gitblog_00085的博客
04-20 596
使用 Vue CLI 插件 Cordova 构建跨平台移动应用 vue-cli-plugin-cordovaVue Cli 3 Cordova Plugin项目地址:https://gitcode.com/gh_mirrors/vu/vue-cli-plugin-cordova 在现代Web开发中，Vue.js以其易用性和灵活性赢得了广大开发者的心。为了进一步扩展其潜力，让我们探索一个强大的工具...
cordova+vue Cordova 的环境搭建
肖的博客
04-22 4280
安装node.js 去官网下载node.js（官网地址：https://nodejs.org），按默认路径安装。 　　安装完后在命令行输入 　　$ npm //(测试node.js是否安装成功) 全局安装cordova cli 　　$ npm install cordova -g 　　$ cordova //测试是否安装成功 部署android的开发环境 安装jdk(如果安装的a...
教你用Cordova打包Vue项目
待花开花谢的博客
05-12 3571
现在国内越来越多的开发者使用Vue开发混合app，但是当大家开发完成过后才发现不知道该怎么将Vue项目打包成app。 据我现在的了解打包Vue项目目前流行的就是使用weex和cordova。weex是阿里提供并且Vue的作者也极力推荐的，有兴趣的可以去学习使用一下。因为我本身是做angular+ionic的，所以比较青睐cordova，下面我就教大家怎么使用cordova打包Vue项目：
vue2 cordova-plugin-broadcaster
05-05
vue2 cordova-plugin-broadcaster是一个基于Vue2和Cordova的插件，用于在Cordova应用程序中广播事件。该插件允许您在应用程序中发送和接收事件，这些事件可以在应用程序的不同部分之间传递数据或通知其他组件发生了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值