---
title: Ionic
localeTitle: 离子的
---
## 离子框架

Ionic是一个HTML5移动应用程序开发框架，旨在构建混合移动应用程序。

混合应用程序与纯本机应用程序相比具有许多优势，特别是在平台支持，开发速度和第三方代码访问方面。

### 使用Ionic构建混合应用程序

那些熟悉Web开发的人会发现Ionic app的结构很简单。从本质上讲，它只是一个在本机应用程序shell中运行的网页！这意味着我们可以使用我们想要的任何类型的HTML，CSS和Javascript。

大量的Ionic应用程序将使用HTML，Javascript和CSS编写。 Ionic还使用AngularJS来实现框架的许多核心功能。

### 在我们开始玩Ionic之前。让我们先准备好我们的系统：
```
  nodeJS and npm 
  Ionic 2 
  Cordova 
  Android Environment (or iOS if you're working on a MacOS) 
```

### 首先，我们需要有Node.js和npm。
```
  sudo apt-get update 
  sudo apt-get install nodejs 
```

### Node.js包管理器（npm）

\`\`\`  
sudo apt-get install npm
```
### Ionic 2 and cordova 
```

sudo npm install -g ion cordova
```
### Now sit back and relax, give it some time to finish, it can take several minutes depending on your internet connection. 
 Once that's done, Let's start off by generating a new project based on the “blank” template 
```

离子启动MyFirstApp空白 cd MyFirstApp 离子发球 \`\`\`