准备
开始创建第一个App项目
- 创建一个ionic app
ionic start ionic_test tabs --cordova
其中
ionic_test
是项目名称,tabs
是使用的项目模版.如下图ionic还提供了空白模版和侧边栏菜单模版
![]()
- 下载依赖
cd ionic_test
cnpm install

在浏览器上运行App项目
- 如下图1,使用命令
ionic serve
在浏览器运行app,也可以用ionic serve --lab
,一定要试试 -
如下图2,是打开的浏览器界面,开发过程中经常要在chrome控制台调试代码
图1

在真机上运行app项目
- 在真机上运行需要确保android sdk已经下载好,可以参考这里
- 执行
cordova platform add android
把html+js代码编译成"android"代码 - 第一次编译可能需要下载gradle文件,这个文件有66M下载很慢,建议耐心等待,只需下载一次.如果真想快可以看这里.
- 用usb数据线连接电脑和手机并确保连接成功,可以看这里
- 再执行
cordova run android
就可以在手机上运行了,安装过程如下图
cordova run android
命令等于cordova build android
(生成apk)和adb install -r apk路径
(安装apk到真机)
如果代码有修改,记得先执行ionic serve
或者使用ionic cordova run android

app开发模版
真机运行失败情况1

真机运行失败情况2


真机运行失败情况3
- 手机上已经安装了app正式版(release版本)或安装了更gao
网友评论
Network connectivity error ocurred,are you offine
报错内容:
Error occurred while loading plugins. CLI functionality may be limited.
Checking for CLI updates now...
PLUGIN_NOT_INSTALLED
[ERROR] No updates found after plugin error--please report this issue.
JAVA_HOME=C:\Program Files (x86)\Java\jdk1.8.0_101
Starting a new Gradle Daemon for this build (subsequent builds will be faster).
Download https://repo1.maven.org/maven2/com/android/tools/build/gradle-core/2.1.0/gradle-core-2.1.0.jar
真机调试那一步的和你不一样,一直下java包,老哥你知道这是什么原因吗?