Ionic guide update (#22209)
* updated angular guide to focus on angular 2+ * updated intro to ionic guide
This commit is contained in:
committed by
Huyen Nguyen
parent
ad4d7c72b2
commit
97ef234fe4
@@ -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, it’s 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. Let’s prepare our system first:
|
||||
|
||||
```
|
||||
nodeJS and npm
|
||||
Ionic 2
|
||||
Cordova
|
||||
Android Environment (or iOS if you’re 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 that’s done, Let’s 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
|
||||
|
Reference in New Issue
Block a user