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?
Generation of types of contents: What is the content and two forms to classify it DIGITALTipos MARKETING of contents for design Web and slight marketing digitalA we were before clients who want to open a blog (I do not speak of a webpage with blog, but of¦
6 steps to budget your design Web DESIGN WEBYou are looking for a design budget Web and you don't have nor idea than you need to consider? In this post we will explain in 6 brief steps the questions that usually we make our clients when they call or¦
How we created your webpage in Gatecreepers DESIGN WEB1) WE RECEIVED YOUR CALL At this moment puts the chronometer in march. Tell your idea us, your sector, your necessity! You have or a webpage that you want to renew or is your first time in the digital world? You want¦