First touch of Ionic 2
来源:互联网 发布:jira 7.2.2下载 linux 编辑:程序博客网 时间:2024/06/06 02:40
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.
- First touch of Ionic 2
- FIRST TOUCH
- FIRST TOUCH
- Ionic 2 | Tutorial | Let’s Create Our First Application
- Your first MeeGo Touch application
- The first step of Java[2]
- The first step of JavaEE[2]
- First 3 chapters of SICP 2nd
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 2
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 1
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 3
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 4
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 5
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 6
- Build Your First Mobile App With Ionic 2 & Angular 2 - Part 7
- Structure of an Ionic App
- Get the First Touch on JQuery
- Walkthrough: Creating Your First Touch Application
- Yii2
- 使用nginx支持utf8中文
- Waiting For Debugger
- VB6.0 与 VS2010 在VB编程上的区别小总结
- 深入分析 Java 中的中文编码问题
- First touch of Ionic 2
- 列表图标动画切换特效
- CALayer
- 表格标签和表格布局
- d3.js——饼状图的拖拽
- CSS清楚浮动float
- Android中的广播Broadcast详解
- 开放寻址法解决散列冲突
- FancyListIndexer 的使用----字母筛选器,使用贝塞尔曲线实现。