SlideShare a Scribd company logo
1 of 1
Steps to setup ionic framework
Install Ionic on ubuntu.
1. First, install Node.js 4 (Node 5 does not work at the moment!).
Then, install the latest Cordova and Ionic command-line tools.
Follow the Android and iOS platform guides to install required platform
dependencies.
-->> $ npm install -g cordova ionic
2. Change Permission for .config ...{You must change}
-->> $ sudo chmod -R 777 /home/daffodil-28/.config
NOTE: "/home/daffodil-28/" must be your system Path.
3. Then Build your app
-->> $ ionic build android/ios
4. Then Run you android/ios app
-->> $ ionic run android/ios
5. Then Emulate the project
-->> $ ionic emulate android
6.Run your project with "ionic serve" command
-->> $ ionic serve
7.Then Select where you want to run your setup.
1) 1XX.XX.X.XX (eth0){ Your Ip address}
2) localhost
Address Selection: 1XX.XX.X.XX
Selected address: 1XX.XX.X.XX/localhost
Running live reload server: undefined
Watching: 0=www/**/*, 1=!www/lib/**/*
Running dev server: http://1XX.XX.X.XX:8100
Ionic server commands, enter:
restart or r to restart the client app from the root
goto or g and a url to have the app navigate to the given url
consolelogs or c to enable/disable console log output
serverlogs or s to enable/disable server log output
quit or q to shutdown the server and exit
ionic $

More Related Content

What's hot

Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech Japan
Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech JapanRunning OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech Japan
Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech JapanMidoNet
 
Running OpenStack + MidoNet (Using Orizuru)
Running OpenStack + MidoNet (Using Orizuru)Running OpenStack + MidoNet (Using Orizuru)
Running OpenStack + MidoNet (Using Orizuru)VirtualTech Japan Inc.
 
Install Kubernetes Cluster on Azure Platform using kubespray
Install Kubernetes Cluster on Azure Platform using kubesprayInstall Kubernetes Cluster on Azure Platform using kubespray
Install Kubernetes Cluster on Azure Platform using kubesprayVAIBHAV GUPTA
 
Iphone and Ipad development Game with Cocos2D
Iphone and Ipad development Game with Cocos2DIphone and Ipad development Game with Cocos2D
Iphone and Ipad development Game with Cocos2Dcreagamers
 

What's hot (6)

Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech Japan
Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech JapanRunning OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech Japan
Running OpenStack and Midonet - Nobuyuki Tamaoki, Virtual Tech Japan
 
SoftLayer-demoLabV3
SoftLayer-demoLabV3SoftLayer-demoLabV3
SoftLayer-demoLabV3
 
Git setuplinux
Git setuplinuxGit setuplinux
Git setuplinux
 
Running OpenStack + MidoNet (Using Orizuru)
Running OpenStack + MidoNet (Using Orizuru)Running OpenStack + MidoNet (Using Orizuru)
Running OpenStack + MidoNet (Using Orizuru)
 
Install Kubernetes Cluster on Azure Platform using kubespray
Install Kubernetes Cluster on Azure Platform using kubesprayInstall Kubernetes Cluster on Azure Platform using kubespray
Install Kubernetes Cluster on Azure Platform using kubespray
 
Iphone and Ipad development Game with Cocos2D
Iphone and Ipad development Game with Cocos2DIphone and Ipad development Game with Cocos2D
Iphone and Ipad development Game with Cocos2D
 

Viewers also liked

Viewers also liked (14)

How to join oriflame
How to join oriflameHow to join oriflame
How to join oriflame
 
R2 sociais 6
R2 sociais 6R2 sociais 6
R2 sociais 6
 
geometria y trigonometria 1.2
geometria y trigonometria 1.2geometria y trigonometria 1.2
geometria y trigonometria 1.2
 
08_HerffJones_EagleScout_Campaign
08_HerffJones_EagleScout_Campaign08_HerffJones_EagleScout_Campaign
08_HerffJones_EagleScout_Campaign
 
Tarea 2 informatica
Tarea 2 informaticaTarea 2 informatica
Tarea 2 informatica
 
4. a penha já foi mar?
4. a penha já foi mar?4. a penha já foi mar?
4. a penha já foi mar?
 
Relatório da visita de estudo à Penha
Relatório da visita de estudo à PenhaRelatório da visita de estudo à Penha
Relatório da visita de estudo à Penha
 
5. da penha vê se o mar
5. da penha vê se o mar5. da penha vê se o mar
5. da penha vê se o mar
 
Guião 7º 2º teste
Guião 7º 2º testeGuião 7º 2º teste
Guião 7º 2º teste
 
Guião 9º 2º teste
Guião 9º 2º testeGuião 9º 2º teste
Guião 9º 2º teste
 
Todo sobre México
Todo sobre MéxicoTodo sobre México
Todo sobre México
 
Instalacion equipo neumatico
Instalacion equipo neumaticoInstalacion equipo neumatico
Instalacion equipo neumatico
 
02_HerffJonesBranded_CollegeC&G_Brochure
02_HerffJonesBranded_CollegeC&G_Brochure02_HerffJonesBranded_CollegeC&G_Brochure
02_HerffJonesBranded_CollegeC&G_Brochure
 
Guião 8º 1º teste
Guião 8º 1º testeGuião 8º 1º teste
Guião 8º 1º teste
 

Similar to ionicSetup

Mobile app with cordova
Mobile app with cordovaMobile app with cordova
Mobile app with cordovaCandice Zhuang
 
Android platform add with ionic framework
Android platform add with ionic frameworkAndroid platform add with ionic framework
Android platform add with ionic frameworkSaravanan KR
 
React native on windows
React native on windowsReact native on windows
React native on windowsAbdul Karim
 
Getting started docker notes
Getting started docker notesGetting started docker notes
Getting started docker notesAJAY NAYAK
 
Lezione 02 React and React Native installation and Configuration
Lezione 02   React and  React Native installation and ConfigurationLezione 02   React and  React Native installation and Configuration
Lezione 02 React and React Native installation and ConfigurationUniversity of Catania
 
Step by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova androidStep by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova androidswagat parida
 
Rhodes mobile Framework
Rhodes mobile FrameworkRhodes mobile Framework
Rhodes mobile FrameworkYoshi Sakai
 
Tutorial: Develop Mobile Applications with AngularJS
Tutorial: Develop Mobile Applications with AngularJSTutorial: Develop Mobile Applications with AngularJS
Tutorial: Develop Mobile Applications with AngularJSPhilipp Burgmer
 
Introduction of phonegap installation and configuration of Phonegap with An...
Introduction of phonegap   installation and configuration of Phonegap with An...Introduction of phonegap   installation and configuration of Phonegap with An...
Introduction of phonegap installation and configuration of Phonegap with An...Rakesh Jha
 
"13 ways to run web applications on the Internet" Andrii Shumada
"13 ways to run web applications on the Internet" Andrii Shumada"13 ways to run web applications on the Internet" Andrii Shumada
"13 ways to run web applications on the Internet" Andrii ShumadaFwdays
 
PhoneGap Application Development - Santhi J Krishnan
PhoneGap Application Development - Santhi J KrishnanPhoneGap Application Development - Santhi J Krishnan
PhoneGap Application Development - Santhi J KrishnanOrisysIndia
 

Similar to ionicSetup (20)

Mobile app with cordova
Mobile app with cordovaMobile app with cordova
Mobile app with cordova
 
Mobile app with cordova
Mobile app with cordovaMobile app with cordova
Mobile app with cordova
 
How to setup ionic 2
How to setup ionic 2How to setup ionic 2
How to setup ionic 2
 
Workshop Ionic Framework - CC FE & UX
Workshop Ionic Framework - CC FE & UXWorkshop Ionic Framework - CC FE & UX
Workshop Ionic Framework - CC FE & UX
 
Android platform add with ionic framework
Android platform add with ionic frameworkAndroid platform add with ionic framework
Android platform add with ionic framework
 
Gdg ionic 2
Gdg ionic 2Gdg ionic 2
Gdg ionic 2
 
React native on windows
React native on windowsReact native on windows
React native on windows
 
Getting started docker notes
Getting started docker notesGetting started docker notes
Getting started docker notes
 
Appium on mac platform
Appium on mac platformAppium on mac platform
Appium on mac platform
 
Lezione 02 React and React Native installation and Configuration
Lezione 02   React and  React Native installation and ConfigurationLezione 02   React and  React Native installation and Configuration
Lezione 02 React and React Native installation and Configuration
 
Step by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova androidStep by step guide to build ionic hybrid app using cordova android
Step by step guide to build ionic hybrid app using cordova android
 
Ionic2
Ionic2Ionic2
Ionic2
 
Rhodes mobile Framework
Rhodes mobile FrameworkRhodes mobile Framework
Rhodes mobile Framework
 
Apache cordova
Apache cordovaApache cordova
Apache cordova
 
The power of dots
The power of dotsThe power of dots
The power of dots
 
Tutorial: Develop Mobile Applications with AngularJS
Tutorial: Develop Mobile Applications with AngularJSTutorial: Develop Mobile Applications with AngularJS
Tutorial: Develop Mobile Applications with AngularJS
 
An overview of Ionic
An overview of IonicAn overview of Ionic
An overview of Ionic
 
Introduction of phonegap installation and configuration of Phonegap with An...
Introduction of phonegap   installation and configuration of Phonegap with An...Introduction of phonegap   installation and configuration of Phonegap with An...
Introduction of phonegap installation and configuration of Phonegap with An...
 
"13 ways to run web applications on the Internet" Andrii Shumada
"13 ways to run web applications on the Internet" Andrii Shumada"13 ways to run web applications on the Internet" Andrii Shumada
"13 ways to run web applications on the Internet" Andrii Shumada
 
PhoneGap Application Development - Santhi J Krishnan
PhoneGap Application Development - Santhi J KrishnanPhoneGap Application Development - Santhi J Krishnan
PhoneGap Application Development - Santhi J Krishnan
 

ionicSetup

  • 1. Steps to setup ionic framework Install Ionic on ubuntu. 1. First, install Node.js 4 (Node 5 does not work at the moment!). Then, install the latest Cordova and Ionic command-line tools. Follow the Android and iOS platform guides to install required platform dependencies. -->> $ npm install -g cordova ionic 2. Change Permission for .config ...{You must change} -->> $ sudo chmod -R 777 /home/daffodil-28/.config NOTE: "/home/daffodil-28/" must be your system Path. 3. Then Build your app -->> $ ionic build android/ios 4. Then Run you android/ios app -->> $ ionic run android/ios 5. Then Emulate the project -->> $ ionic emulate android 6.Run your project with "ionic serve" command -->> $ ionic serve 7.Then Select where you want to run your setup. 1) 1XX.XX.X.XX (eth0){ Your Ip address} 2) localhost Address Selection: 1XX.XX.X.XX Selected address: 1XX.XX.X.XX/localhost Running live reload server: undefined Watching: 0=www/**/*, 1=!www/lib/**/* Running dev server: http://1XX.XX.X.XX:8100 Ionic server commands, enter: restart or r to restart the client app from the root goto or g and a url to have the app navigate to the given url consolelogs or c to enable/disable console log output serverlogs or s to enable/disable server log output quit or q to shutdown the server and exit ionic $