HTML5学习总结-番外03 Angular Ionic

时间：2021-12-01 05:13:30

一 Angular

Angular使用了MVVC设计模式，MVVC在概念上是真正将页面与数据逻辑分离的模式，它把数据绑定工作放到一个JS里去实现，而这个JS文件的主要功能是完成数据的绑定，即把model绑定到UI的元素上。

1  下载地址

http://angularjs.org

2 学习教程

开发工具： 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

　　最后如果一切正常会弹出模拟器，界面如下所示：

HTML5学习总结-番外03 Angular Ionic

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

相关文章