If you are like me and just starting to work with the Ionic Framework and don’t already have a machine setup to do Android, iOS, Node, etc development then many of the guides out there leave out a number of steps that you need to do in order to get everything working.
Even being a windows user I was able to pretty easily get Ionic working on a Mac. The only difference between the Windows setup and the OSx setup is that you can only add iOS to Ionic on a Mac.
in terminal type source ~/.bash_profile to load the ~/.bash_profile changes.
type android from terminal. If everything is working correct it will open up the Android SDK Manager.
Install API 22 with SDK Platforms and Arm Image checked
Configure Android Emulator
In terminal type android avd. If everything is working correct it will open up the Android AVD Manager.
Click the create button and add at least 1 device to emulate
Configure Genymotion Setup
After Genymotion is installed, open up the Genymotion UI and click on the Add Button.
Then click the Sign in button and follow the login instructions to login with the account that you create as part of the Genymotion download.
After you are logged in, select from the Android Version drop down 4.4.4
From the Device model drop down select a device type
Then select a device from the available list
Click the Next button.
Click the Next button and wait for the device to download
Click the Finish button.
iOS Setup Steps
Install Xcode from app store. This will take awhile since it is ~2 gigs in size.
Once install is completed, open xcode and accept the license
Install the IOS Simulator that Ionic will use.
npm install -g ios-sim
Verifying that everything works
Open terminal
Navigate the directory where you store you development projects (I use /users/[Your Username]/projects)
From c:\projects type: ionic start todo blank
cd into c:\projects\todo (directory was created by the ionic start command)
Run the commands:
ionic platform add android
ionic platform add ios
Run the command:
ionic build android
ionic build ios
If using emulator run the command:
Note: The Genymotion emulator is seen as a device and not an emulator.
ionic emulate android
ionic emulate ios
If running on a device run the command:
For Android, if using the Genymotion emulator, make sure to start the Genymotion device you downloaded before running the command below. You can start the device by selecting the device that you downloaded and clicking the start button.
For iOS: In order to run on an iOS device you must go through the Apple provisioning process.
ionic run android
ionic run ios
This blog post was written by RajeshKumar - at Jempoints. For more on how to design and clarifications on Digital and Mobility contact us atwww.jempoints.com
Thank you for sharing wonderful information with us to get some idea about that content.
ReplyDeleteAngular JS Training in Hyderabad
Angular JS Training in Ameerpet
Angular JS Training
Angular JS Online Training