ionic

Posted cyany

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic相关的知识,希望对你有一定的参考价值。

Referenece:

https://ionicframework.com/getting-started#cli 官网
https://www.genymotion.com/ 安卓模拟器
https://ionicons.com/ 图标库

开始的时候,按照官网例子,搭载模板
首先确定安装了node
然后npm install -g ionic 安装ionic
按照模板 ionic start myApp tabs
启动项目 cd myApp
ionic serve


浏览器的调试

http://localhost:8100/?ionicplatform=android 当这样的话,会显示android的样式
http://localhost:8100/?ionicplatform=ios 会显示ios的样式

技术分享图片


安装Android studio ,不要去手动安装sdk,感觉很大坑,总是报错没有设置android_home
安装之后,如果采用的是默认安装的话,
sdk一般在 C:UsersAdministratorAppDataLocalAndroidSdk ANDROID_HOME
需要添加到path路径,建议把tools和platform-tools文件夹也是添加进去。

然后在shell命令下面执行 cordova build android
ios的话可以执行cordvoa build ios

技术分享图片

接下来就是一直等,时间比较久。。。。

补充:
我们还可以在项目中查看具体sdk安装在哪里了
技术分享图片

技术分享图片

等了一万年,居然报错了!!!
技术分享图片

然后Google之后发现,原来是gradle打包的时候,需要license同意安装Android的一些组件什么的
可能不是这么理解,反正就是要密钥允许之后才可以编译打包
解决方法就是
去到sdk的目录下面的tools//bin/sdkmanager --licenses
会有对话式问题,都是选择yes就可以了

技术分享图片

技术分享图片

技术分享图片




















以上是关于ionic的主要内容,如果未能解决你的问题,请参考以下文章

杂项:ionic

键盘显示时离子含量未正确调整

ionic repeat 重复最后一个时要执行某个函数

在 ionic ion-datetime 字段中显示未来日期

在 CSS 中更改 Ionic ion-item 的背景颜色

WebApp开发框架Ionic+AngularJS+Cordova