guide ionic getting started
Ionic is a front-end focused framework which offers different tools for developing hybrid mobile applications. The web technologies used for this purpose are CSS, Sass, HTML5 and Typescript.
Ionic is used for developing hybrid applications, which means not having to rely on a specific IDE such as Android Studio or Xcode. Furthermore, development of native apps require learning different languages (Java/Kotlin for Android and Objective-C/Swift for Apple), with Ionic, a developer does not have to code the same functionality for multiple platforms, just use the adequate libraries and components.
Although the devonfw distribution comes with and already installed Ionic CLI, here are the steps to install it. The installation of Ionic is easy, just one command has to be written:
$ npm install -g @ionic/cli
The set up of an ionic application is pretty immediate and can be done in one line:
ionic start <name> <template> --type=angular
-
ionic start: Command to create an app.
-
<name>: Name of the application.
-
<template>: Model of the application.
-
--type=angular: With this flag, the app produced will be based on angular.
To create an empty project, the following command can be used:
ionic start MyApp blank --type=angular
The image above shows the directory structure generated.
There are more templates available that can be seen with the command
ionic start --list
The templates surrounded by red line are based on angular and comes with Ionic v5, while the others belong to earlier versions (before v4).
|
ℹ️
|
More info at https://ionicframework.com/docs. Remember to select Angular documentation, since Ionic supports React, Vue and Vanilla JS. |
This documentation is licensed under the Creative Commons License (Attribution-NoDerivatives 4.0 International).
