First touch of Ionic 2

Please note that we use Ubuntu/Debian in this blog.

---

Resume

Ionic 2 is a useful SDK for hybird mobile app development (which means that you can produce your app on different platform). With ionic 2, we can simply build app on Android/iOS/Windows Phone(Hasn’t been released officially until now) without major modifications. Ionic 2 is based on AngularJS 2 and web technologies such as HTML, CSS and SASS (Which is a pre-compile CSS format).

---

Install

To install ionic, you should have NodeJS and npm first.
Here we suppose that you already have your NodeJS and npm, then just type
npm install -g ionic@beta
in your terminal to install ionic 2.

---

Hello World! and build

To create a project, just type
ionic start HelloWorld --v2
in your terminal. After typing the command above, ionic will automatically generate a standard project.

Then you can just type
ionic serve
to build the project as well as run it on the browser.

As Ionic 2 is a hybrid app development SDK, you can also build app on Android and iOS by typing
ionic build android
or
ionic build android.
Please note that you can also add --v2 to force using Ionic 2 for you compilation and also add --ts to enable TypeScript support.

Attention: Only computer with Mac OS can build iOS app. To build and deploy your project, you MUST have corresponding SDK.
Tips: To install Android SDK, you can simply install an Android Studio on your computer to manage SDK.

---

Test your project

In order to test your project easily, you can use ionic run android to deploy your app on your Android device as well as you can type ionic run ios to deploy on your iOS device.

Also, you can add a parameter --device=YOUR_DEVICE_ID to specify a device that you want to deploy your app.
For instance: ionic run android --device=abcd00000
Tips: You can install adb by typing sudo apt-get install adb to list devices that are connected to your computer.