Ionic 安装

本教程以 Ionic v1.3.2 版本为例，介绍如何安装和使用 Ionic 框架。Ionic 可以通过 CDN 或直接下载使用，适合快速开始移动应用开发。

安装方式

使用 CDN 是最简单的方法，只需在 HTML 文件中引入以下链接：

<link href="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/ionic/1.3.2/js/ionic.bundle.min.js"></script>

你也可以从 Ionic 官网下载最新版本，或从 GitHub 获取资源文件。下载后解压，目录中包含 css、fonts、js 等文件夹，通常只需引入 css/ionic.min.css 和 js/ionic.bundle.min.js 文件即可创建 Ionic 应用。

简单实例

一个基本的 Ionic 应用示例代码如下，展示如何构建界面：

<ion-header-bar class="bar-positive">
  <h1 class="title">Hello World!</h1>
</ion-header-bar>
<ion-content>
  <p>我的第一个 ionic 应用。</p>
</ion-content>

本教程主要讲解 Ionic 框架的核心应用，实例可在浏览器中运行。对于移动设备上的实际部署，请参考接下来的命令行安装部分。注意，在移动应用如 PhoneGap 中，只需将对应的 JS 和 CSS 文件加入资源库。

命令行安装

首先，确保已安装 Node.js，以便使用 NPM 工具来管理依赖。

通过命令行可以安装最新版的 Cordova 和 Ionic。在 Windows 和 Linux 上，打开命令行工具执行：

npm install -g cordova ionic

在 Mac 系统上，可能需要使用 sudo 权限：

sudo npm install -g cordova ionic

提示：iOS 开发需要在 Mac OS X 和 Xcode 环境下进行。如果已经安装了相关环境，可以使用以下命令来更新版本：

npm update -g cordova ionic

或使用 sudo 权限执行。

创建应用

使用 Ionic 官方提供的模板快速创建应用，例如创建一个带有标签页的应用：

ionic start myApp tabs

运行应用

创建完成后，进入项目目录并运行相关命令来构建和模拟应用。

创建 Android 应用

执行以下步骤来添加 Android 平台并构建应用：

cd myApp
ionic cordova platform add android
ionic cordova build android
ionic cordova emulate android

如果一切正常，模拟器将启动并显示应用界面。

创建 iOS 应用

类似地，对于 iOS 平台：

cd myApp
ionic cordova platform add ios
ionic cordova build ios
ionic cordova emulate ios

如果出现 "ios-sim was not found." 错误，可以通过安装 ios-sim 工具来解决：

npm install -g ios-sim

Ionic Lab（已停止更新）

Ionic Lab 曾是一个桌面版开发环境，为开发者提供图形界面来创建、编译和运行 Ionic 应用，支持 Windows、Mac OS X 和 Linux。但请注意，Ionic Lab 目前已停止更新，建议优先使用命令行工具进行开发，以获得更好的支持和最新功能。

通过以上步骤，你可以成功安装 Ionic 并开始开发跨平台移动应用。命令行方式提供了更灵活和强大的控制，适合大多数生产环境。