入门级
https://www.w3cschool.cn/cordova/
一、安装cordova 并创建好一个项目
二、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
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
网友评论