HTML5学习总结-番外03 Angular Ionic
2016-09-22 13:02
120 查看
一 Angular
Angular使用了MVVC设计模式,MVVC在概念上是真正将页面与数据逻辑分离的模式,它把数据绑定工作放到一个JS里去实现,而这个JS文件的主要功能是完成数据的绑定,即把model绑定到UI的元素上。1 下载地址
http://angularjs.org2 学习教程
开发工具: HBuilder学习教程: http://www.runoob.com/angularjs/angularjs-tutorial.html
二 IONIC安装
1 安装环境
ionic 最新版本下载地址:http://ionicframework.com/docs/overview/#download。建议在mac平台下进行IONIC的实验,安装IONIC环境比较简单。
ionic 学习教程 : http://www.runoob.com/ionic/ionic-install.html
首先需要安装 Node.js,然后在接下来的安装中需要使用到其 NPM 工具,然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。
Mac 系统上使用以下命令:
sudo npm install -g cordova ionic
提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果你已经安装了以上环境,可以执行以下命令来更新版本:
npm update -g cordova ionic 或 sudo npm update -g cordova ionic
2 创建应用
1)创建一个IONIC的模板使用ionic官方提供的现成的应用程序模板,或一个空白的项目创建一个ionic应用:
ionic start myApp tabs
使用 ionic tool 创建,测试,运行你的apps(或者通过Cordova直接创建)。下面创建应用的环境是Mac。
2)创建IOS应用
cd myApp ionic platform add ios ionic build ios ionic emulate ios
如果不成功根据提示安装必要的NPM包。比如:
sudo npm install -g ios-deploy
最后如果一切正常会弹出模拟器,界面如下所示:
angular参考资料
http://www.runoob.com/angularjs/angularjs-tutorial.html http://www.apjs.net/#dir31
ionic参考资料
http://www.runoob.com/ionic/ionic-install.html
http://blog.csdn.net/zapzqc/article/details/41802453
相关文章推荐
- HTML5学习总结-03 地理定位
- HTML5学习总结-番外05 移动终端适配
- HTML5学习总结-番外05 响应式布局
- HTML5学习总结-番外04 Cordova/PhoneGap
- HTML5学习总结-番外05 http 状态码
- HTML5技术学习总结
- 2015-03 月份学习总结 分类: 学习总结 2015-04-01 20:25 87人阅读 评论(0) 收藏
- Angular相关内容学习总结
- html5中的一些标签学习总结
- html5学习笔记---03. Canvas简介,Canvas的使用方法
- angular学习疑问总结
- 2015-03 月份学习总结 分类: 学习总结 2015-04-01 20:25 88人阅读 评论(0) 收藏
- java学习总结03
- Javascript学习总结@html5实现定位地理位置
- 总结html5-canvas学习笔记
- Angularjs+ionic 学习(一):Angularjs常用指令
- Java高薪技术学习总结-03
- JVM学习总结五(番外)——VisualVM
- Android学习总结03之主要控件
- 黑 马 程 序 员_视频学习总结<Objective-C>----03 self、NSString、@property和@synthesize、id