How to install and to create your first Ionic project?
Introduction to this article
In this article we are going to explain of relatively simple form as creating a project with Ionic Framework from the home.
In Gatecreepers we are specialistic in the use of this technology almost there since we founded the company by year 2014, reason why we would like to contribute our granite of sand to those developers novates them or peculiar people who want to know this technology.
This it is not an advanced tutorial, and of course we cannot nor we will explain as developing one app completes, reason why you will have to continue learning by your account, but it will serve to you at least as it bases to install it and to understand minimumly of what it consists and how it works.
Shelp this¦ We go to the mess!
We prepare the surroundings
First before being able to work with Ionic Framework, it will be to install the own Ionic and other dependencies:
Once installed NodeJS, you can install Cordoba executing from the terminal with the following commando:
npm install - g Cordoba
Once installed Cordoba, we will install Ionic Framework thus:
npm install - g ionic
We install SDK de Android
In order to be able to create ours first Android application, before nothing we must install the SDK bookstores that will later allow to add the platform us in the Ionic project.
For that reason in the previous step we recommended the installation of Android Studio, since it is the way simplest to manage the installation of these bookstores.
We create our first project from Visual Studio Code
First, once opened Visual Studio Code it will be to unfold the terminal, from where we will habitually execute the commandos with whom we will work with Ionic.
Once opened the terminal, we will happen to execute the following commandos:
ionic start miAplicacion sidemenu We create the Ionic application
CD miAplicacion We enter the directory of the application.
ionic Cordoba platform add android We add the Android platform
First that we will do once executed the previous commandos, it will be to open the folder of the project in Visual Studio.
For it, as they indicate you shoot with an arrow, we will unfold the panel, clickaremos in open to folder and will look for in our computer the folder that finishes creating.
Once we have the folder with the code available, is recommendable to throw a look and to see the structure and the different files that you will find.
For ours Hello world, we will unfold the folder src => app => home and will publish the file home.page.html.
Within this file we will see the code HTML that corresponds in view of the main screen. Here you can make some small changes before executing the application.
We compile and we executed our application on a real telephone
Now that already we have published the file home.page.html, it is the moment for seeing our application in action.
For it we have two forms, either using the emulator of Android, or directly to our telephone connected by USB cable to the computer.
For this step, first you must activate the options of Developer on your telephone, that surely will be hidden, and within the menu of developer, to activate the purification by usb.
He is quite simple, you can pay attention to how they do it in this page
When there are preparation your telephone, it remembers to connect it by USB to your computer, and then it executes this commando:
ionic Cordoba run android
And voil , already you have your first application working on your telephone. To that it has been easy?
How to begin to use Google Analytics? DIGITAL MARKETING - DESIGN WEBWhat is Google Analytics? A little contextoGoogle Analytics is an own tool of Google that serves to make the pursuit of a website. Through different data, analysis and¦
What is a Blog? WEBLo DESIGN first always is to clarify this concept: a blog is a digital tool that serves to us as support to publish contents online. With contents we understand from texts to opinion articles, the news, information on your¦
Donation infantile books to the school Ram³n Laporta INNOBING10 donated infantile books to the Ram³n Laporta school Today in a great day for us! In Gatecreepers finally we have been able to give pistol shot from exit to an idea that went up to around the head to us. Ever since one was based¦