美文网首页
cordova打包vue混合app步骤webapp ios An

cordova打包vue混合app步骤webapp ios An

作者: 静默的小猫 | 来源:发表于2019-05-06 11:30 被阅读0次

1.环境配置 

安装java环境

安装Android环境

安装Node   brew install node

下载并安装Git      brew install git

安装vue          npm  install vue

安装vue-cli      npm  install --global vue-cli

安装cordova        npm  install -g cordova

安装ionic        npm  install -g cordova ionic

2.新建项目打包全过程

(1)创建cordova工程

ionic start myApp tabs

(2)创建一个vue 项目

vue init webpack my-project

    编译Vue项目

cd my-project

npm install

能正常运行,接着

编译npm run build

执行完成后VUE项目会生成一个dist文件夹,

找到这个文件夹将里面的所有文件复制到你的

cordova项目的www文件夹下替换它原有的文件。

(3)最后完成打包

cd myApp

ionic platform add ios(android)

编译ionic build ios(android)

运行在模拟器上ionic emulate

运行在浏览器上ionic serve

运行在真机上ionic run

相关文章

网友评论

      本文标题:cordova打包vue混合app步骤webapp ios An

      本文链接:https://www.haomeiwen.com/subject/jxlroqtx.html