Cordova+Vue实现App开发
APP开发
浏览:505 次

新手
1、 安装cordova并创建项目
2、 vue项目被整合到Cordova项目中
1.建立虚拟项目
在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:未找到命令
此提示表示vue cli未成功安装
解决方案:
重新安装全局vue cli:npm install-g vue cli。你可以先查看vue cli的官方网站。以下是网站:

安装成功后,执行vue init webpack my项目。
Vue官方网站:
相关问题可在本网站上回答
3.返回cordova vue项目目录以重建App
cordova构建ios
将报告错误:以下是解决方案
sudo xcode select--开关/Applications/xcode.app/Contents/Developer/
安装cordova
使用npm命令安装cordova
sudo npm安装-g cordova
使用cordova创建项目
cordova创建HelloWorld
添加iOS开发平台
cordova platform添加ios

通过iOS设备运行
cordova运行ios
使用模拟器运行
cordova模拟ios——目标iPhone-6s,12.1
通过模拟器运行离子
离子cordova模拟ios–--buildFlag=“-UseModernBuildSystem=0”--verbose
安装UI工具VSCODE以编写vue代码
重新打包运行
生成以下项目npm运行生成
3.返回cordova vue项目目录以重建App
cordova构建android
cordova模拟ios——目标iPhone-6s,12.1
Vscode内容更新:
https://segmentfault.com/a/1190000014785115