美文网首页
Cordova+Vue实现App开发

Cordova+Vue实现App开发

作者: d76d0c9d2b04 | 来源:发表于2019-04-11 10:58 被阅读0次

    入门级

    https://www.w3cschool.cn/cordova/ 

    一、安装cordova 并创建好一个项目

    https://cordova.apache.org/

    二、vue项目整合到Cordova项目里面

    1.构建vue项目

    在cordova-vue目录下安装vue项目

    安装脚手架(3.0.0):npm install -g @vue/cli-init

    创建项目:vue init webpack vue-app

    运行vue项目:npm run dev

    会出现报错情况:

    当执行vue init webpack my-project指令,报以下错误

    bash vue :command not found

    这个提示是指没有成功的安装vue-cli

    解决方法:

    重新全局安装全局安装vue-cli:npm install -g vue-cli。可以先去vue-cli官网查看,以下是网址:

    https://www.npmjs.com/package/vue-cli,安装成功后再执行vue init webpack my-project就可以了。

    vue 官网:

    https://router.vuejs.org/guide/#javascript

    Vue脚手架创建项目

    http://www.cnblogs.com/hongdada/p/9145574.html

    相关问题这个网址可以得到答案

    https://www.imooc.com/article/70062

    3.返回cordova-vue项目目录重新构建app

    cordova build ios 

    会报错:下面是解决方法

    sudo xcode-select --switch/Applications/Xcode.app/Contents/Developer/

    安装 cordova

    利用npm命令安装cordova

    sudo npm install -g cordova

    利用cordova创建项目

    cordova create HelloWorld

    增加iOS开发平台

    cordova playform add ios

    通过iOS设备进行运行

    cordova run ios

    利用模拟器进行运行

    cordova emulate ios --target iPhone-6s,12.1

    通过模拟器运行ionic

    ionic cordova emulate ios – --buildFlag="-UseModernBuildSystem=0" --verbose

    安装UI工具 VSCODE 写vue代码

    重新打包运行

    build一下项目npm run build

    3.返回cordova-vue项目目录重新构建app

    cordova build android

    cordova emulate ios --target iPhone-6s,12.1

    vscode内容更新:

    https://segmentfault.com/a/1190000014785115

    相关文章

      网友评论

          本文标题:Cordova+Vue实现App开发

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