{"id":1585,"date":"2024-01-13T04:42:56","date_gmt":"2024-01-13T04:42:56","guid":{"rendered":"https:\/\/www.devopssupport.in\/blog\/?p=1585"},"modified":"2024-02-03T05:24:05","modified_gmt":"2024-02-03T05:24:05","slug":"how-to-install-flutter-and-android-studio","status":"publish","type":"post","link":"https:\/\/www.devopssupport.in\/blog\/how-to-install-flutter-and-android-studio\/","title":{"rendered":"How to\u00a0Install Flutter and Android studio"},"content":{"rendered":"\n

Flutter, the open-source UI toolkit developed by Google, has gained widespread popularity for building natively compiled applications for mobile, web, and desktop from a single codebase. If you are a Windows user and eager to dive into Flutter development, this guide will walk you through the installation process.<\/p>\n\n\n\n

Step 1: Navigate to Flutter Website<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Visit the official Flutter website by going to flutter.dev<\/a>. In the top menu bar, select “Docs” > “Get Started” > “Install” > “Windows.”<\/p>\n\n\n\n

Step 2: Check System Requirements<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Before starting the installation, ensure that your system meets the necessary requirements. This may include installing the latest versions of Windows PowerShell and Git for Windows if not already installed.<\/p>\n\n\n\n

Step 3: Download and Extract Flutter SDK<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

<\/p>\n\n\n\n

    \n
  1. Download the latest version of Flutter SDK by clicking on the provided link.<\/li>\n\n\n\n
  2. Once downloaded, extract the zip file to a directory where you have read and write access. It’s recommended to create a new folder in a separate directory, such as “D:\\development\\flutter.”<\/li>\n<\/ol>\n\n\n\n

    Step 4: Set Up Flutter Console<\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
      \n
    1. Inside the extracted Flutter folder, locate the flutter_console.bat<\/code> file.<\/li>\n\n\n\n
    2. Double-click on flutter_console.bat<\/code> to open a command prompt window specific to Flutter.<\/li>\n\n\n\n
    3. Type flutter<\/code> in the console to view a list of available Flutter commands.<\/li>\n<\/ol>\n\n\n\n

      Step 5: Update Environment Variables<\/strong><\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
        \n
      1. Open the System Environment Variables by going to Control Panel > System and Security > System > Advanced System Settings > Environment Variables.<\/li>\n\n\n\n
      2. Under the User Variables list, check for the Path<\/code> variable. If not present, create a new variable and set its value to the flutter\\bin<\/code> directory.<\/li>\n\n\n\n
      3. Double-click on the Path<\/code> variable and add a new entry with the full path to the flutter\\bin<\/code> folder.<\/li>\n\n\n\n
      4. Click “OK” to save the changes. Close any existing Command Prompt or PowerShell windows.<\/li>\n<\/ol>\n\n\n\n
        Step 6: Set Up Android Tools and Emulator<\/strong><\/h6>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
          \n
        1. Download and install Android Studio<\/a>.<\/li>\n\n\n\n
        2. Follow the installation instructions for Android Studio on the official page.<\/li>\n\n\n\n
        3. Choose the installation directory and click ‘Install.’<\/li>\n\n\n\n
        4. Check ‘Launch Android Studio’ and click ‘Finish.’<\/li>\n\n\n\n
        5. On Android Studio’s home screen, click Next > Custom > Next.<\/li>\n\n\n\n
        6. Keep the default Java Development Kit location and choose your preferred UI appearance. Click ‘Next.’<\/li>\n\n\n\n
        7. In the SDK Components Setup, check the required boxes and click ‘Next.’<\/li>\n\n\n\n
        8. Set your desired folder for Android SDK and click ‘Finish.’<\/li>\n\n\n\n
        9. Android Studio will install necessary tools; wait for the process to complete.<\/li>\n<\/ol>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          Step 7: Set Up Flutter SDK Environment Variables<\/h3>\n\n\n\n
          \"\"<\/figure>\n\n\n\n
            \n
          1. Open Command Prompt and run flutter doctor<\/code>.<\/li>\n\n\n\n
          2. If the Android SDK is not detected, set it as an environment variable.<\/li>\n\n\n\n
          3. Go to environment variables, click ‘New,’ and add the SDK’s path.<\/li>\n<\/ol>\n\n\n\n

            Step 8: Accept Android Licenses<\/h3>\n\n\n\n
            flutter doctor --android-licenses<\/code><\/pre>\n\n\n\n
              \n
            1. Run flutter doctor --android-licenses<\/code> in Command Prompt.<\/li>\n\n\n\n
            2. Accept all licenses when prompted by typing ‘y.’<\/li>\n<\/ol>\n\n\n\n
              Step 9: Set Up Android Emulator<\/h3>\n\n\n\n
              For Android Device:<\/h4>\n\n\n\n
                \n
              • Refer to the official documentation for connecting a real Android device.<\/li>\n<\/ul>\n\n\n\n
                For Android Emulator:<\/h4>\n\n\n\n
                  \n
                1. Open Android Studio and go to Tools > SDK Manager.<\/li>\n\n\n\n
                2. Check for the latest SDK version and install if necessary.<\/li>\n\n\n\n
                3. Under the ‘SDK Tools’ tab, select Google USB Driver and click ‘Apply.’<\/li>\n\n\n\n
                4. Allow the SDK installation to complete.<\/li>\n<\/ol>\n\n\n\n
                  Step 10: Create Virtual Device (Emulator)<\/h3>\n\n\n\n
                  \"\"<\/figure>\n\n\n\n
                  \"\"<\/figure>\n\n\n\n
                    \n
                  1. Open Android Studio, go to Tools > AVD Manager.<\/li>\n\n\n\n
                  2. Click ‘Create Virtual Device,’ choose a device, dimensions, and system image.<\/li>\n\n\n\n
                  3. Click ‘Finish’ and then click the ‘\u25b6’ button to launch the emulator.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
                    Flutter, the open-source UI toolkit developed by Google, has gained widespread popularity for building natively compiled applications for mobile, web, and desktop from a single codebase. If… <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[981,836,1051,801,1054,1052,1049,1056,708,1055,1050,790,1058,1053,1059,1057,1048],"class_list":["post-1585","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-android-development","tag-android-emulator","tag-android-studio-setup","tag-cross-platform-development","tag-development-tools","tag-flutter-environment","tag-flutter-installation","tag-flutter-on-windows","tag-flutter-sdk","tag-flutter-setup-guide","tag-google-ui-toolkit","tag-mobile-app-development","tag-mobile-development-setup","tag-software-installation","tag-user-interface-toolkit","tag-visual-studio-code","tag-windows-development"],"_links":{"self":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/1585","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/comments?post=1585"}],"version-history":[{"count":1,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/1585\/revisions"}],"predecessor-version":[{"id":1605,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/1585\/revisions\/1605"}],"wp:attachment":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/media?parent=1585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/categories?post=1585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/tags?post=1585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}