Need help upgrading to Ionic Framework 4.0? Get assistance with our Enterprise Migration Services EXPLORE NOW

Ionic Tutorial

Improve this doc

Now that you have Ionic and its dependencies installed, you can build your first app! This section will guide you through the process of starting a new application, adding pages, navigating between those pages, and more. Let’s get started!

Ionic uses TypeScript for its code. If you’re unfamiliar with TypeScript, don’t worry, it’s very similar to regular JavaScript. But if you want to read up on it, take a look at this resource page.

Starting a New Ionic App

To start a new app, open your terminal/command prompt and run:

$ ionic start MyIonicProject tutorial --type=ionic-angular

Along with creating your project, this will also install node modules for the application, and prompt you if you want Cordova set up.

Along with the tutorial template, Ionic also provides the following official templates:

If you don’t specify a template at the start, you will be prompted to pick one.

Viewing the app in a browser

Now, you can cd into the folder that was created. To get a quick preview of your app in the browser, use the serve command.

$ cd MyIonicProject/
$ ionic serve

In the next section, let’s go over the project structure created by the ionic start command.