Installing Android Studio, Flutter and Dart ( Part 2 )

Installing Android Studio, Flutter and Dart ( Part 2 )

As the previous post said we can use flutter with VS-code or inteliJ platform.
In this article I'm going to discuss about installing flutter and dart to the VS code application.

 Follow these steps ( You may need to have android studio and Android SDK before go through this article)

 follow my first article: https://worldisandroid.blogspot.com/2019/10/installing-android-studio-flutter-and.html

 1) Download and install VS code via this download link
    Download link : https://code.visualstudio.com/

 2) Finish the installation.


3) Open the VS code

4) Now go to the left side of the application and click Extensions.

5) In the search panel search flutter.

 6) Click that extension and install it.


7) As same as above install the Dart extension also.

8) Then go to the explorer panel.

9) Add a newly created empty folder ( Drag and Drop ).

 10)Then connect your mobile phone or create virtual       Emulator. 

 10)Then go to Terminal -> New Terminal and wait for console.

11)In the terminal type this "flutter doctor" press Enter button

12)Wait for the results.

 13)For the create flutter applications you need to have error less in above results.

14)If all are green ( good to launch ) You are ready to create your first application.

 15)Run this command in the terminal "flutter create projectname" and press Enter.


Then start building your flutter application.
Thank You.

Comments

  1. Android App Development ServiceApril 20, 2021 at 11:09 PM

    Such a great information sharing by author for more information about
    top flutter app development services visit here.

    ReplyDelete
  2. Web Development ServicesMay 27, 2021 at 6:31 AM

    I am always looking out for quality posts and this is what I found here. I hope you will add more in the future. Thanks for sharing. Android app development services

    ReplyDelete
  3. Mobile App Development ServicesJune 6, 2021 at 11:29 PM

    This post give relevant and accurate information about top flutter app development services ,this post is useful for those who are looking for
    that kind of services.

    ReplyDelete
  4. dokanapps1November 23, 2021 at 9:15 AM

    I think this is an informative post and it is very useful and knowledgeable. Keep it up. A Marketplace local Delivery driver App for woocommerce, Dokan, WCFM, WC vendor etc.

    Woocommerce customer app

    ReplyDelete
  5. Isobel FlemingMarch 29, 2022 at 11:52 AM

    imToken download wallet imtoken for Android is an easy and secure digital trusted wallet by millions. It supports BTC, ETH, EOS, TRX, CKB, BCH, LTC, DOT, KSM, FIL and many other crypto assets. imtoken下载

    ReplyDelete
  6. marydryMay 26, 2022 at 3:42 AM

    Thank you for taking the time to write such an informative post. Your blog is not only informative, but it is also very creative.

    android app design company

    ReplyDelete
  7. StevennallMay 30, 2022 at 4:17 AM

    Thank you for taking the time to write such an informative post. Your blog is not only informative, but it is also very creative.
    Android App Development Services

    ReplyDelete

Post a Comment

Popular posts from this blog

My Favorite App Development Tools

Image
CODING WITH FLUTTER   As we know there are 3 major building process in Android app development. Design Process Development Process Deliver Process Therefore We should know about these processes before starting new project. In this article I'm going to discuss about what are the applications and technologies that are used to design process very easy to handle. Design Process       All we need to have an default idea about what we are going to implement. For that kind of process we can use design applications. AdobeXD (For windows platforms)      Wireframe, design, prototype, present, and share amazing experiences for web, mobile, voice, and more — all in one app. XD is made for designers, creative teams, and organizations that need to design at scale. It’s everything you need to work more efficiently, collaborate effortlessly, and create and manage your design system. Download Link :  https://www.adobe....
Read more

Basic Structure of a Flutter App

Image
Basic Widgets we should know in flutter In Flutter, every component in the app is called a widget . As the example if you want to show sentence like "hello world", we have to use Text widget . Likewise containers, Texts, Images, ......etc all are widgets. OK. Let's go to the basics. The most important widget we have to use is MaterialApp widget . It represent whole app. It has 2 properties mainly. Those are 'title' and 'home' . title means app name. we can give any string value for it. home means the structure inside our app. basically the structure when we open the app.  In the home property  we can provide a class which is to be implemented. It contains Scaffold widget and it Implements the basic material design visual layout structure. This class provides APIs for showing drawers, snack bars, and bottom sheets. In the Scaffold widget there are several properties can be implemented. Properties appBar → PreferredSiz...
Read more