How to install ionic

1. Install JDK
2. install Android SDK
3. Install node exe
4. Install Gitbash
5. Use command {Ionic install -g cordova ionic}
6. Start project then {ionic start projectname theme}
7. Before taking Android APK output Follow these steps

7.1 Goto Mycompupter click properties and SET Environmental Variables by addint new
7.2 Go to “C:\Program Files\Java\jdk1.8.0_45”
7.3 Set Global Path for java {JAVA_HOME}

8. Next steps is to set up environmental variable for Android SDK

8.1 Before setting up these variables these are few more steps

8.1.1 Go to Run command
8.1.2 Type “Appdata” Press Enter
8.1.3 Now a new window opens Click Android “C:\Users\zerosoft\AppData\Local\Android\sdk”
8.1.4 Right Click “SDK Manager” and then Run as Administrator
8.1.5 Now you need to set up the Android Version Which we need to take Built
8.1.6 Chooose Version above 4.4.2 And Click Install

8.2 Now Set up Environmental Variable using Above path “C:\Users\zerosoft\AppData\Local\Android\sdk” and title of “ANDROID_HOME”.

Advertisements

How to create a Splash screen for ionic apps ?

Splash screen is Like the MOVIE TITLE Or Your Brand Name which comes when your app is opened by users ,

Creating a Splash screen is very simple.

I will explain the steps from creating a simple ionic app and set splash screen for it.

1. Open your GitBash
2. Navigate to your needed directory using command “cd d:/ionic/”
3. Create a Sample app by using command “ionic start Appname tabs”
4. Now you have your sample app in your hand, your can check the app by using this following command
Before that navigate to the new app folder
Cd d:/ionic/Appname

Then Run the App to check the created app in browser

Syntax :
ionic server –lab

After checking the app in the browser close the app by enter “q” in the Gitbash.
5. Now For setting the splash screen use the command below

Before that you need to add Android or IOS platforms using the command below,

ionic platform add android (or) ionic platform add ios

Next use the below command

ionic resources

6. Now go to your project folder “platform/android/res”

7. Replace icon.png and splash.png image with your Logo and icon use same resolution images as per the old images

8. Now use the following command below,

ionic resources

ionic resources – -splash

ionic resources – -icon
9. Now you are ready to see your splash screen you need to take the android or ios build to check the app in your device for seeing the splash screen

10. Use the below command

ionic build android

11. Now take your apk and install in your device