ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML5学习总结-番外03 Angular Ionic

2021-06-04 16:04:29  阅读:269  来源: 互联网

标签:03 www http com 番外 HTML5 angularjs ionic 安装


一 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

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

 

 

 

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

 

标签:03,www,http,com,番外,HTML5,angularjs,ionic,安装
来源: https://blog.51cto.com/u_15255510/2860143

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有