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