服务购

　　使用vue进行开发,vuex作状态管理 使用mui作为UI框架,方便日后打包成手机app，下面随小编一起看看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

　　以上就是小编为大家带来的vue开发的app怎么打包，希望对大家有所帮助。