45 lines
1.4 KiB
Markdown
45 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
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 离子发球 \`\`\`
|