通过科多巴将某视频剪辑软件项目打包为网页应用的方法

准备工作：需要之前配置好脚手架脚架构，安装好科多巴环境。下面开始对vue.js项目进行打包，打包环境为安卓系统。

可以看下我的github:https://github。com/padipata，里面有我自己写的某视频剪辑软件项目，喜欢的给个关注呗。

1.添加科多巴项目

$ Cordova create myapp 1 org。阿帕奇。科尔多瓦。myapp myapp 2

其中：

myApp1:科尔多瓦目录名org.apache.cordova.myApp:包名myApp2:项目名（在config.xml的名字中查看) 2.在某视频剪辑软件中添加科多巴的配置

myapp 1/www/index。html-vue/index。超文本标记语言

将myApp1/www/index.html中所有的自指的拷贝到vue/index.html中将myApp1/www/index.html中脚本关于cordova.js的引用拷贝到vue/index.html中myapp 1/www/js/index。js-vue/vuex/main。射流研究…

var app={//Application constructorinitialize : function(){ thisbindEvents()；}、//绑定事件侦听器////绑定启动时所需的任何事件常见事件有：//“加载”、“设备就绪”、“离线”和“online”bindenevents 3360函数(){ documentaddeventslistener(' device ready '，thisonDeviceReady，false)；}，//deviceready事件处理程序////这个这个的作用域就是事件为了调用receivedEvent'//函数，我们必须显式调用appreceivedEvent()；onDeviceReady:函数(){ appreceivedEvent('设备就绪')；},//在receiveeventreceivedevent :函数(id)上更新DOM { var parentElement=documentgetElementById(id)；var listeningElement=parentElementquerySelector('监听');var receivedElement=parentElementquerySelector(' received ')；listeningElementsetAttribute(' style '，' display : none ')；receivedElementsetAttribute(' style '，' display : block ')；控制台日志('收到事件： ' id)；}};app初始化()；1)内容拷贝到vue/src/vuex/main.js中

2)onDeviceReady时启动应用

onDeviceReady:函数(){//appreceivedEvent('设备就绪')；进场开始(App，' App ')windownavigatorsplashscreenhide()} 3 .创建机器人项目

终端中进入到myApp1项目，执行以下命令：

科多巴平台添加安卓这时候某视频剪辑软件项目中会得到一个机器人文件夹，里面包含一个测试版本的apk，可以传输到手机上调试。

4.添加科多巴插件

终端中进入到某视频剪辑软件项目，执行以下命令：

科尔多瓦插件添加xxxx5 .构建某视频剪辑软件项目

许多人掉过这个坑，打包出来的应用是一个科多巴默认的空白项目，因此，需要在打包某视频剪辑软件之前在这里把配置文件修改过来。

终端中进入到某视频剪辑软件项目，执行以下命令：国家预防机制运行构建

6.文件转移

将距离文件夹下的文件，拷贝到Cordova/platforms/androd/assets/www目录下(index.html替代掉原本的)

7.构建科多巴项目

从终端进入到我的应用1/平台/安卓/科尔多瓦目录下，执行以下命令：

科多巴构建android /构建应用配置爪哇岛开发工具包环境（这里只对老兄操作系统进行记录，赢系统请自行脑补):

cd ~进入到~目录

触摸bash_profile

不及物动词bash_profile使用视觉识别系统编辑器编辑bash_profile文件

然后输入我，在视觉识别系统编辑器里面输入我的意思是开始编辑。

视觉识别系统编辑器里面的内容如下：

JAVA _ HOME=/Library/JAVA/JavaVirtualMachines/JDK 1。7 .0 _ 79 .JDK/目录/主页类别=。美元JAVA _ HOME/lib/dt。jar : $ JAVA _ HOME/lib/tools。jar PATH=$ JAVA _ HOME/bin : $ PATH 3360导出JAVA _ HOMEexport类PATH导出路径然后退出视觉识别系统编辑器使用如下命令：(个人习惯：wq！回车)

1.输入东南东

2.输入冒号： wq

3.保存退出

如果以上修改完毕切正确，那么接下来就是让配置的环境变量生效，使用如下命令：来源bash_profile

完毕以后查看下当前的爪哇岛版本是否正确输入如下命令：java版本

如果是预想中的1.8,那么恭喜你，你这个时候就可以执行：科尔多瓦构建安卓系统

Cordova运行android //构建apk并安装在连接的设备上(根据个人需求)。以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。