实例採用了ionicv1.3.2版本，使用的CDN库地址：

ionic最新版本下载地址
：#download。

下载后解压压缩包，包含以下目录：

css/=>样式文件fonts/=>字体文件js/=>Javascript文件version.json=>版本更新说明

你也可以在Github上下载以下资源文件：（在release目录中）。

接下来，我们只需要在项目中引入以上目录中的css/ionic.min.css和js/ionic.bundle.min.js文件即可创建ionic应用。

实例

HelloWorld!我的第一个ionic应用。

尝试一下»

点击"尝试一下"按钮查看在线实例。

本教程着重讲解ionic框架的应用，大部分实例在浏览器中运行，行动装置上运行可以在接下来的命令行安装教程中详细了解。

注意：在移动应用如phonegap中我们只需将对应的js和css文件加入到资源库中即可。

命令行安装

首先您需要安装Node.js，我们在接下来的安装中需要使用到其NPM工具，更多NPM介绍可以查看我们的NPM使用介绍。

然后通过命令行工具安装最新版本的cordova和ionic。通过参考Android和iOS官方文档来安装。

Window和Linux上打开命令行工具执行以下命令：

$npminstall-gcordovaionic

Mac系统上使用以下命令：

sudonpminstall-gcordovaionic

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

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

npmupdate-gcordovaionic

或

sudonpmupdate-gcordovaionic

创建应用

使用ionic官方提供的现成的应用程式模板，或一个空白的项目创建一个ionic应用：

$ionicstartmyApptabs

运行我们刚才创建的ionic项目

使用ionictool创建，测试，运行你的apps(或者通过Cordova直接创建)。

创建Android应用

$cdmyApp

$ionicplatformaddandroid

$ionicbuildandroid

$ionicemulateandroid

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

创建iOS应用

$cdmyApp

$ionicplatformaddios

$ionicbuildios

$ionicemulateios

如果出现"ios-simwasnotfound."错误，可以执行以下命令：

npminstall-gios-sim

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

IonicLab

IonicLab是桌面版的开发环境，如果你不喜欢使用命令行操作，IonicLab将会满足你的需求。

IonicLab为开发者提供了一个更简单的方法来开始，编译，运行，和模拟运行Ionic的应用程式。

IonicLab支持的平台有：Window、MacOSX、Linux，下载地址为：，下载后直接安装即可。整个操作界面如下所示：

通过以上界面你可以完成以下操作：

创建应用

预览应用

编译应用

运行应用

上传应用

运行日志查看

……

推荐使用SublimeText作为Ionic项目的编辑器，我们可以通过IonicLab直接在SublimeText上打开项目
，如下图：

Gif操作演示