通过cordova将vue项目打包成app

准备工作包括nodejs、cordova、AndroidStudio。

一、创建一个cordova工程

  cordova create cordovaVue

  cd cordovaVue

  • config.xml -包含应用相关信息,使用到的插件以及面向的平台

  • platforms - 包含应用运行平台如 Android 和 iOS 上对应的 Cordova 库

  • plugins - 包含应用所需插件的 Cordova 库,使得应用能够访问例如照相机和电池状态相关的事项。

  • www - 包含应用源代码,例如 HTML, JavaScript 和 CSS 文件

  • hooks - 包含为个性化应用编译系统所需的脚本

 

二、添加安卓平台

  cordova platform add android --save

 

三、在vue项目中生成编译完成的源文件

  npm run build

 

四、将cordova项目中的www文件夹下的内容替换为vue项目中生成的dist文件夹中的内容

 

五、在cordova项目中创建Android应用

  cordova build android

 

六、将手机连接在电脑上,运行该 Android 程序

  cordova run android

 

 

posted @ 2017-04-28 10:07  水上书  阅读(5619)  评论(2编辑  收藏  举报