How To Run Flutter App in VSCode Android Emulator on Windows 10 or 11 (2023)

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ส.ค. 2024
  • Sign Up 👻👻👉 semicolon.dev/TH-cam
    (We're free online community, meet other makers!)
    What does this tutorial cover:
    ------------
    how to install flutter in vscode and run android emulator
    how to run existing flutter project in vscode
    how to run flutter app in visual studio code
    how to run flutter in vs code without android studio
    how to run flutter emulator in vs code
    how to run flutter in vscode without android studio
    #flutter #vscode #androidemulator To run flutter in VSCode with Android Emulator you still need to download and install Android Studio for Android SDK, and so that you can create an emulator to run your Flutter app in Terminal from command line.
    Video Chapters:
    ------------
    00:00 How to run Flutter in VSCode
    00:44 Download and Install Git
    01:12 Install Android Studio
    01:44 VSCode IDE
    02:13 Flutter SDK
    02:31 Extract Flutter SDK ZIP to C:\flutter\
    03:18 Add flutter SDK to PATH in environment variables
    03:51 Add Android SDK to PATH in environment variables
    04:27 Add platform-tools to PATH in environment variables
    04:51 Run flutter doctor
    05:22 Install Android SDK Command-line tools (latest)
    06:37 How to create android device emulator in Android Studio
    07:34 How to create new flutter app on command line (terminal)
    07:51 How to open existing Flutter project in VSCode
    08:11 How to run Flutter app in VSCode
    08:50 How to fix Failed to launch flutter emulator: Emulator did not connect within 60 seconds error
    09:13 How to launch Flutter app in VSCode on Android Emulator
    09:57 Hot Reload
    Related keywords:
    --------------------------------
    how to run flutter app from vs code
    how to use flutter with vscode
    how to run flutter code in visual studio
    how to start flutter project in vscode
    how to run flutter project in vs code
    how to run flutter on vscode
    how to run flutter app on vs code
    how to run first flutter app in vs code
    how to run flutter from vs code
    how to use vscode for flutter
    how to run flutter on vs code
    how to add flutter to vscode
    how to run flutter on visual studio code
    how to run flutter code in vs code
    how to run flutter in visual studio
    how to run flutter doctor
    how to run flutter app in vs code terminal
    how to run flutter in vs code
    how to run flutter app in vs code
    how to use flutter in visual studio code

ความคิดเห็น • 65

  • @ilaleha
    @ilaleha 8 หลายเดือนก่อน +5

    Thanks a lot for this detailed and from scratch video !
    It helps me a lot !

  • @abdulkerim5144
    @abdulkerim5144 ปีที่แล้ว

    Thanks for your video. It is very useful. Keep going on the videos like this!!

  • @NoelKarki
    @NoelKarki 4 หลายเดือนก่อน

    Really thankful for this video! Your explanation is unique and subtle!

  • @user-xf7ll6uh5z
    @user-xf7ll6uh5z 5 หลายเดือนก่อน

    It works 🎉🎉🎉 this amazing pro your video is so clear and solve all my problem Thanks ❤👍👍👍

  • @nupecartoontv
    @nupecartoontv ปีที่แล้ว

    Simple and straight 👍🏾

  • @genari-j
    @genari-j ปีที่แล้ว +1

    Thanks for your video, with it I managed to run flutter. It finally worked. It was just not remembered in the video that it is necessary to install the flutter extension in vs code to appear the field to select the screen (emulator). This occurs at minute 8:22.

  • @HeroCodeDev
    @HeroCodeDev 9 หลายเดือนก่อน +2

    What kind of microphone are you using, because i kinda like the way your voice sounds on my speaker... as in WOW!

  • @user-fd9mh4rf5t
    @user-fd9mh4rf5t ปีที่แล้ว +2

    Thank you soooo much. You cant even imagine how much help you offered.

    • @ghosttogether
      @ghosttogether  ปีที่แล้ว +2

      Starting is the most difficult part. So I target many of my tutorials as first time walkthroughs. Eventually it becomes second nature! Good luck with your Flutter dev 🙂

    • @twinnimbo356
      @twinnimbo356 6 หลายเดือนก่อน

      No suitable Android AVD system images are available. You may need to install these using sdkmanager, for example: sdkmanager "system-images;android-27;google_apis_playstore;x86"
      i am getting this error instead how do i fix this any one kindly ASAP

  • @rodrodrigues1729
    @rodrodrigues1729 ปีที่แล้ว

    Well explained! Thanks.

  • @stb4327
    @stb4327 8 หลายเดือนก่อน

    You saved my life. Very Good Tutorial

  • @crispyedge7643
    @crispyedge7643 2 หลายเดือนก่อน

    thank you so much. You are a live saver

  • @mariaalejandrazapatamontan2113
    @mariaalejandrazapatamontan2113 4 หลายเดือนก่อน +2

    Thank you!!!! Really helpful video!

  • @alperkandemir5378
    @alperkandemir5378 8 หลายเดือนก่อน

    Synchronized images cannot be opened with github. Even if the emulator is opened, it gets stuck on the main screen. However, it works if I open it manually and save the packages. How can I open the projects I synced with Github?

  • @GR8editss
    @GR8editss 9 หลายเดือนก่อน

    idk why but i did all the tutorial you give to me but after i made a project, it throws error in android directory, the error is "could not create task 'generateLockedfiles' ". do you know how solve that, i'll be really appreciate if somebody would like to tell me

  • @zurielauguiste
    @zurielauguiste 5 หลายเดือนก่อน

    Great vid!

  • @kevin-hw6er
    @kevin-hw6er หลายเดือนก่อน

    thanks, very helpful

  • @tarakgandhi
    @tarakgandhi ปีที่แล้ว +1

    Thanks buddy

  • @isaac80745
    @isaac80745 ปีที่แล้ว

    Flutter runs great on vs code. It can be verbose at times combining react aspects but it runs on stable hard ware. Not any beta softwares though.

  • @BekzodAnvarjonov-cq9zq
    @BekzodAnvarjonov-cq9zq 2 หลายเดือนก่อน

    everyhing is exact,thanks for you1

  • @apisathansivananthanathan7109
    @apisathansivananthanathan7109 7 หลายเดือนก่อน

    Thanks a lot !!!!

  • @_wh1te_
    @_wh1te_ 2 หลายเดือนก่อน

    It is very well explained but still when I tap create Android emulator it says avdmanager is missing from Android sdk

  • @BitesandGo
    @BitesandGo 2 หลายเดือนก่อน

    Thanks a lot!

  • @mrlool4925
    @mrlool4925 5 หลายเดือนก่อน +1

    Thank you

  • @afrikana_tech
    @afrikana_tech 6 วันที่ผ่านมา

    thanks for the share

  • @charguiadem5578
    @charguiadem5578 4 หลายเดือนก่อน

    i follow your steps and it works peerfectly but suddnly how vs code no longer shows me the no device icon ?,????
    😭😭😭😭😭😭

  • @factflow254
    @factflow254 หลายเดือนก่อน

    but there is no android folder in my app data local
    ? what did i do wrong

  • @andrea.dinardo
    @andrea.dinardo ปีที่แล้ว

    thanks!

  • @adityakareer6803
    @adityakareer6803 7 หลายเดือนก่อน

    Very useful

  • @shahadaziz2944
    @shahadaziz2944 6 หลายเดือนก่อน

    Hello , is there any way i can contact with u?

  • @yusufamaan1440
    @yusufamaan1440 ปีที่แล้ว

    thanks a lottt

  • @user-fg6xm3zz1u
    @user-fg6xm3zz1u 4 หลายเดือนก่อน +1

    Hi. Great material. I have a question: after opening the Helloworld folders on VS code, I don't see the icon "Device" on the bar. I need a hint what to do ?

    • @oualidelmernissi2315
      @oualidelmernissi2315 4 หลายเดือนก่อน

      got the same problem :( please let us Know if you found how to do it

    • @oualidelmernissi2315
      @oualidelmernissi2315 4 หลายเดือนก่อน

      Alright, if you have the same problem as me , it is because I was using Visual studio and not visual studio code.. so I downloaded and installed VS code then I added the Flutter extension and the rest is history... you can find the extension menu somewhere there when you open VS Code. Hope this helps :)

  • @dudududududududddududududu3899
    @dudududududududddududududu3899 3 หลายเดือนก่อน

    Thank you!

    • @ghosttogether
      @ghosttogether  3 หลายเดือนก่อน

      lol nice username

  • @Readdit2323
    @Readdit2323 4 หลายเดือนก่อน +3

    the command line part does not recognize the command that you are doing i tried all but nothing happens

  • @nycto3254
    @nycto3254 7 หลายเดือนก่อน

    best tutorial

  • @user-dx6id9ib7m
    @user-dx6id9ib7m 9 หลายเดือนก่อน

    Thanks

  • @gerryscat
    @gerryscat 10 หลายเดือนก่อน

    no SDK manager for me

  • @twinnimbo356
    @twinnimbo356 6 หลายเดือนก่อน

    No suitable Android AVD system images are available. You may need to install these using sdkmanager, for example: sdkmanager "system-images;android-27;google_apis_playstore;x86"
    i am getting this error instead how do i fix this any one kindly ASAP

    • @ghosttogether
      @ghosttogether  6 หลายเดือนก่อน +1

      Lol, "Drink water if you're dehydrated".
      So, what should I do if I am dehydrated?

  • @haunguyen4592
    @haunguyen4592 9 หลายเดือนก่อน

    thanks

  • @user-bh7gi5uz2d
    @user-bh7gi5uz2d ปีที่แล้ว +1

    I don't find any Andriod folder in local. what should i do?

    • @fuyufuiba9641
      @fuyufuiba9641 9 หลายเดือนก่อน

      me too

    • @kamalkumar-nh4nc
      @kamalkumar-nh4nc 6 หลายเดือนก่อน

      @@fuyufuiba9641 me too , got any solution for that

  • @abuhashem2061
    @abuhashem2061 3 หลายเดือนก่อน

    Awesome

  • @securite8893
    @securite8893 5 หลายเดือนก่อน

    helpfull

  • @haiiis
    @haiiis 5 หลายเดือนก่อน

    Man please get a new mic. Thanks for the tutorial though

  • @ndreuh
    @ndreuh 10 หลายเดือนก่อน +3

    Help, I've installed Android SDK command-line tools and there's still error when I try 'flutter doctor' Unable to locate Android SDK. pops up :(

    • @Tate_Highlights-jg2fd
      @Tate_Highlights-jg2fd 10 หลายเดือนก่อน

      did you find a solution

    • @ndreuh
      @ndreuh 10 หลายเดือนก่อน

      @@Tate_Highlights-jg2fd nope, tried switching to react-native, that this is also cursed

    • @Tate_Highlights-jg2fd
      @Tate_Highlights-jg2fd 10 หลายเดือนก่อน

      ​@@ndreuh Fix: add the android sdk path to the environment variables. Go to environment variables, then click on path, then click new, then you can add the path to the android sdk

    • @pynimp
      @pynimp 5 หลายเดือนก่อน

      ​@Tate_Highlights-jg2fd variable? ahh you're using windows right?

    • @ndreuh
      @ndreuh 5 หลายเดือนก่อน

      @@pynimp yes

  • @jonnynasz
    @jonnynasz 3 หลายเดือนก่อน +1

    This tutorial is not helpful, sorry to say this, I don't know how you could CD "android" in you local when is not there

  • @zojirushi1
    @zojirushi1 5 หลายเดือนก่อน

    Whats the difference between these two videos of yours?
    How To Run Flutter App in VSCode Android Emulator on Windows 10 or 11 (2023)
    How To Run Existing Flutter App In VSCode On Android Emulator & Fix Error Failed Connect 60 Seconds

  • @intron9
    @intron9 2 หลายเดือนก่อน

    bad sound

  • @lucasrios7311
    @lucasrios7311 2 หลายเดือนก่อน

    Hello everyone ! i have this problem
    Fatal Error] org.gradle.toolchains.foojay-resolver-convention.gradle.plugin-0.5.0.pom:2:1: Content is not allowed in prolog.
    node_modules\@react-native\gradle-plugin\settings.gradle.kts' line: 16
    * What went wrong:
    Plugin [id: 'org.gradle.toolchains.foojay-resolver-convention', version: '0.5.0'] was not found in any of the following sources:
    - Gradle Core Plugins (plugin is not in 'org.gradle' namespace)
    - Plugin Repositories (could not resolve plugin artifact 'org.gradle.toolchains.foojay-resolver-convention:org.gradle.toolchains.foojay-resolver-convention.gradle.plugin:0.5.0')
    Searched in the following repositories:
    MavenRepo
    Google
    Gradle Central Plugin Repository
    somebody know what is happen ??

  • @khiemnguyen5181
    @khiemnguyen5181 6 หลายเดือนก่อน

    thanks