Ionic guide update (#22209)

* updated angular guide to focus on angular 2+

* updated intro to ionic guide
This commit is contained in:
Dom Slatford
2018-11-24 08:28:50 +00:00
committed by Huyen Nguyen
parent ad4d7c72b2
commit 97ef234fe4
3 changed files with 26 additions and 84 deletions

View File

@@ -11,40 +11,27 @@ Hybrid apps have many benefits over pure native apps, specifically in terms of p
Those familiar with web development will find the structure of an Ionic app straightforward. At its core, its just a web page running in an native app shell! That means we can use any kind of HTML, CSS, and Javascript we want.
The bulk of an Ionic app will be written in HTML, Javascript, and CSS. Ionic also uses AngularJS for a lot of the core functionality of the framework.
As of Ionic 2, the framwork uses Angular (previously using AngularJS), please see seperate freeCodeCamp guides on Angular.
### Before we can start playing with Ionic. Lets prepare our system first:
```
nodeJS and npm
Ionic 2
Cordova
Android Environment (or iOS if youre working on a MacOS)
```
### First thing first, we need to have Node.js and npm.
The easiest way to use Ionic is via its [CLI](https://ionicframework.com/docs/cli/). Those familiar with [Angular's CLI](https://cli.angular.io/) should see some resemblances.
```
sudo apt-get update
sudo apt-get install nodejs
```
### Node.js package manager (npm)
Prerequisites:
```
sudo apt-get install npm
```
### Ionic 2 and cordova
- nodejs / npm
- xcode (if wanting to build iOS apps)
- Android SDK (if building Android apps)
```
sudo npm install -g ionic cordova
```
### Now sit back and relax, give it some time to finish, it can take several minutes depending on your internet connection.
Once thats done, Lets start off by generating a new project based on the “blank” template
Install ionic CLI:
```shell
npm i -g ionic cordova
```
Create a new project and run in the browser:
```shell
ionic start MyFirstApp blank
cd MyFirstApp
ionic serve