美文网首页
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