But more on that to a later point, for now just make sure this command runs successful! So besides the ionic package we also install cordova, which we need to build our apps into native projects for iOS or Android. You might have noticed there are a few more words in this command.

On a Mac, you can open the Terminal, on other machines use the according Shell and run this command: Ionic can be installed as a Node.js package through the Node Package Manager (npm) directly from our command line. If you haven’t, simply go to the official Node.js page, pick the right package for your machine, download and finally install it. Whether you are using Windows, Linux or Mac the first step is to make sure you have Node.js installed on your machine. Perhaps you already have some of the following, otherwise make sure your environment is set up after those steps! Node.js

To work with Ionic we need to install a few packages on our machine. I guess you came here because you already know a bit about it and are interested in more, if you still want more general information just check out the official Ionic page! 2. With Ionic your app is built from one single code base, and the apps are often referred to as Cross Platform Apps or also Hybrid Apps (although the latter has a bitter taste for some people). Through Cordova our “webview app” get’s packaged into a native iOS or Android project, and from that point on you can deploy it like you could any other native app. The app on a mobile device is running inside a webview, but of course you don’t see a navigation bar inside that app later! It looks and feels like a regular app, and can be installed from the app store of course. Ionic is a framework that allows us to develop mobile apps and websites using web technologies – HTML, CSS and Javascript basically.

What is Ionic?īefore we dive into the technical side, a few words on Ionic if you have no idea what we are talking about.

You see, quite a few things for one lesson so let’s get started! 1. Oh, and of course we will deploy our app to iOS and Android devices! Today we will start at ground zero, which means getting to know Ionic, setting up our environment, getting a first Ionic app up and running and taking a basic look at what we got inside our app folder.įinally we will also take a short look at how Angular plays with Ionic, how our files are connected and how we can add our first elements.

Ionic ios emulator mac