Skip to main content

Installation of Ionic 4 and 5 in Windows and Mac (Part-1)

Requirements to use Ionic 5 in your System
We need some IDE and Packages

 1. Java JDK
   Click on Below link to download JDK
   Direct link to Download JDK  https://www.oracle.com/java/technologies/javase/javase-jdk8-  downloads.html )
   Download JDK installation File depends upon our Operating System 
   ( Like Windows, Mac, Linux ).
   After Download Double click on .exe file to install it in your system.
   To set JAVA_HOME variable in Windows OS 
   Follows these Steps carefully to set JAVA_HOME variable from this Link:            https://javatutorial.net/set-java-home-windows-10
   To set JAVA_HOME variable in MAC OS
   Follow these Steps carefully to set JAVA_HOME variable from this Link:      http://www.sajeconsultants.com/how-to-set-java_home-on-mac-os-x/?  utm_source=rss&utm_medium=rss&utm_campaign=how-to-set-java_home-on-mac-os-x

 2. Android Studio
   Click on below link and download latest version of Android studio
   Direct Link to download : https://developer.android.com/studio/?gclid=CjwKCAjwwYP2BRBGEiwAkoBpAkEFRN8C5C9JYdf3oWwTiC0PQoAKG5Ivk3nd_8tVIfh39RerFYPoDhoCvREQAvD_BwE&gclsrc=aw.ds
   To install Android Studio in Windows OS
   Follows these Steps carefully from this Link: https://www.onlinetutorialspoint.com/android/how-to-install-android-studio-on-windows-10.html
   To install Android Studio on Mac OS
   Follow these Steps carefully from this Link: https://treehouse.github.io/installation-guides/mac/android-studio-mac.html
   Steps to set Android SDK Path In Windows And Mac
   Follow these steps carefully from this Link: https://www.dev2qa.com/how-to-set-android-sdk-path-in-windows-and-mac/

 3. Nodejs
   Click on below link to download Nodejs 
   Direct Link to downkload Nodejs depends upon your Operating System :  https://nodejs.org/en/download/   (Please install LTS Rocommended Version) 
   LTS means(Long Term Support) . LTS version is more stabled version  of Nodejs from Latest Version.
   Follow these steps to install Nodejs in Windows as well as Mac operation system
    Click on this Link: https://www.taniarascia.com/how-to-install-and-use-node-js-and-npm-mac-and-windows/

4. Ionic
   Now all the dependences are installed its time to install ionic using Node Package manager
   For windows: Open Command prompt and write this command  npm install -g @ionic/cli cordova
   For Mac: Open Terminal write this command npm install -g @ionic/cli cordova
   For Ionic 4 you need to install specific version of ionic by using this command
    npm install -g  @ionic 4.11.10

5. Visual Studio Code
   Visual Studio Code is a source code editor that can be used with a variety of programming                   languages  including Java, JavaScript, Go, Node. js and C++. It is based on the
   Electron framework, which is used to develop Node. js web apps that run on the Blink layout               engine.
   Direct link to Download VS Code: https://code.visualstudio.com/download

 That's all guys , If you have any query Please comment on this post.

Comments

Post a Comment

Popular posts from this blog

How to align Title at center of ActionBar in Android

How to Align Title At Center of Action Bar in Android                                                                                                                                                @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); setTitle("DashBoard"); }   Activity  public void setTitle ( String title ){ getSupportActionBar (). setHomeButtonEnabled ( true ); getSupportActionBar (). setDisplayHomeAsUpEnabled ( true ); TextView textView = new TextView ( this ); textView . setText ( title ); textView . setTextSize ( 20 ); textView . setTypeface ( null , Typeface . BOLD ); textView . setLayoutParams ( new LinearLayout . LayoutParams ( LinearLayout . LayoutParams . FILL_PARENT , LinearLayout . LayoutParams . WRAP_CONTENT )); textView . setGravity ( Gravity . CENTER ); textView . setTextColor ( getResources (). ge
1 comment
Read more

Difference Between Pending Intent And Intent in Android

                       Normal Intent       Normal Intent will die as soon as the app being killed.    An Android Intent is an object carrying an intent, i.e a message from one Component to another     Component either inside or outside of the application.Intent can communicate message among     any of the three core Components of an application -- Activities, Services,and BroadcastReceivers.     Two types of Intent in Android   1. Explicit Intent.   2.Implicit Intent  Explicit Intent is an Intent which is used to Call the another component Explicitly in your application  Like :We are calling  Next activity on button click of First activity using Intent Example  // Explicit Intent by specifying its class name Intent i = new Intent ( this , TargetActivity . class ); i . putExtra ( "Key1" , "ABC" ); i . putExtra ( "Key2" , "123" ); // Starts TargetActivity startActivity ( i );  Implicit Intent Intent
3 comments
Read more

Expected a key while parsing a block mapping (Flutter)

Flutter makes use of the Dart packaging system, pub. Via your applications  pubspec.yam l file (or simple pubspec), you can pull down packages from the flutter ecosystem, or the broader dart community. Anyway, i need to add some images to my flutter application, and so had to add an assets section to the pubspec .the default Android Studio generated apps pubspec has a lot of commented out code with explainations about what is going on, e.g # To add assets to your application, add an assets section, like this: # assets: # - images/a_dot_burr.jpeg # - images/a_dot_ham.jpeg # An image asset can refer to one or more resolution-specific "variants", see # https://flutter.io/assets-and-images/#resolution-aware. So I uncommented these lines # assest : - - - #  -  images/a_dot_ham.jpeg with the idea from these comment.  that i would just edit it to suit my particular needs. Once you have edited your  pubspec, you need to click on the "Get dependencies"
2 comments
Read more