各位观众老爷大家好,欢迎收看内裤总动员之程序猿的IT程序大讲堂,今天给大家分享一个知识点就是移动端的一个框架，就是ionic

---

什么是ionic？

   首先呢，先跟大家说一下，ionic这个移动端框架是干嘛的。

ionic是一个强大的HTML5应用程序开发框架， 可以说是移动端的APP的制作框架，很多模型都是封装好的，非常方便使用。

ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。

ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI库在手机上运行缓慢的问题，它直接放弃了IOS6和Android4.1以下的版本支持，来获取更好的使用体验。

---

ionic特点

1.ionic 基于Angular语法，简单易学。

2.ionic 是一个轻量级框架。

3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。

4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.ionic 专注原生，让你看不出混合应用和原生的区别

6.ionic 提供了强大的命令行工具。

7.ionic 性能优越，运行速度快。

        好了  废话不多说，既然ionic这么叼，我们得看看如何去用才能知道有多叼。

---

ionic 的安装

我直接推荐命令行的安装方法，这个相对比较方便一些。

在安装ionic之前，我们需要先安装一个东西，就是node.js。

推荐直接百度上下载node。

node

直接下载 6.2 版本即可。

地址：node

然后下载的安装包直接进行安装，下一步下一步我就不说了，如果有不会安装的，那我。。。。。。

安装方法：node安装方法

安装成功后会  直接使用命令测试   node -v     后会显示如下图片：

node -v

---

既然node安装成功后，我们需要安装 cordova 和 ionic了。

Window和 linux系统的执行命令：

$ npm install-g cordova ionic

而苹果系统上的执行命令：

sudo npm install-g cordova ionic

提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。

如果你已经安装了以上环境，可以执行以下命令来更新版本。

npm update-g cordova ionic

或者

sudo npm update-g cordova ionic

现在，安装完成后我们在命令行中测试一下，  ionic -v    就可以出现版本号了。

---

    现在  我们  cordova 和 ionic都已经安装哦了，那现在我就创建一个项目出来玩玩。

windows系统：

cmd命令 进入F盘中， 我个人的项目盘啊，大家的项目文件根据你们自己来选择啊。

使用命令：

ionic start  neikuzongdongyuan   tabs 

此命令执行后 

他会在网络进行下载，一直等待

等待下载完成后， 个人建议使用hbuilder 编译器运行。

因为我个人电脑安装ionic后，发现下载完两个文件后他将安装 npm 包 却卡在那里不动。

百度找到很多种办法一直没搞定。 也是醉了， 说是因为npm 包和 node版本 太低导致，npm工具安装不上，但是我已经升级最新的了，但是创建文件的时候还是卡在那里。

后来我就用hbuilder 运行了，因为这个编译器是自己走的局域网进行服务器IP访问的方式，相当于模拟服务器访问了，可以打开文档。

hbuilder

运行后的样子，给大家装个B.

运行成功的样子

好了，关于ionic的安装就简单的先介绍到这里啊，下一节将介绍ionic的一些简单功能了啊。

谢谢大家的阅读，如有问题呢可以踊跃的跟我装逼，我会跟大家来一起撕逼的啊。