# Flutter and Android Studio and VScode Install on Windows 10 簡易安裝Flutter開發環境 ## System requirements * Operating Systems: Windows 7 SP1 or later (64-bit), x86-64 based. * Disk Space: 1.64 GB (does not include disk space for IDE/tools). * Tools: * Flutter depends on these tools being available in your environment. * Windows **[PowerShell 5.0](https://docs.microsoft.com/en-us/powershell/scripting/windows-powershell/install/installing-windows-powershell?view=powershell-7.1)** or newer (this is pre-installed with Windows 10) * **[Git for Windows 2.x](https://git-scm.com/download/win)**, with the **Use Git from the Windows Command Prompt option.** If Git for Windows is already installed, make sure you can run git commands from the command prompt or PowerShell. ----------- ### 1. Check tools install and version #### Search `powershell` ![](https://i.imgur.com/Yrydgf8.png) #### **Check powershell version** ##### `Get-Host | Select-Object Version` ![](https://i.imgur.com/TKSQRWH.png) #### If your version lower than 5.0 Download this [PowerShell](https://github.com/PowerShell/PowerShell) #### Roll the page download this .msi and install ![](https://i.imgur.com/Eunzfms.png) #### Successful Installed ![](https://i.imgur.com/apinCJj.png) #### Git Install [Git](https://git-scm.com/download/win) ![](https://i.imgur.com/OpTvbrN.png) #### open exe ![](https://i.imgur.com/zJ8hleW.png) ![](https://i.imgur.com/J1AVILO.png) ![](https://i.imgur.com/asqwsBr.png) ![](https://i.imgur.com/zkhwLNl.png) ![](https://i.imgur.com/iNoNtIY.png) ![](https://i.imgur.com/RcrKMbo.png) ![](https://i.imgur.com/pnZ0lqv.png) ![](https://i.imgur.com/OblDKGT.png) ![](https://i.imgur.com/dIt99gM.png) ![](https://i.imgur.com/SG5JmW7.png) ![](https://i.imgur.com/vYsAest.png) ![](https://i.imgur.com/xftPyav.png) #### Check successful installed PowerShell 7 ##### `git --version` ![](https://i.imgur.com/qOF3PTK.png) ----------- ### 2. Install Flutter SDK #### Download Flutter SDK [flutter_windows_2.2.3-stable](https://storage.googleapis.com/flutter_infra_release/releases/stable/windows/flutter_windows_2.2.3-stable.zip) #### Extract the zip file and cut flutter folder to C:/dev/ ![](https://i.imgur.com/Rerp6qW.png) ![](https://i.imgur.com/y6Ltngd.png) ![](https://i.imgur.com/Q3xhhNr.png) ![](https://i.imgur.com/qd4Jnvk.png) #### add `C:\dev\flutter\bin` ![](https://i.imgur.com/NyeSO21.png) #### Check Flutter SDK Successful Installed ![](https://i.imgur.com/RpM0LjP.png) ##### `flutter --version` ![](https://i.imgur.com/bQKgDTv.png) #### You can input `flutter upgrade` Check newest Version ![](https://i.imgur.com/MwYG2FR.png) #### Input `flutter --version` Check Version has Installed newest ![](https://i.imgur.com/7snV9Wg.png) ----------- ### 3.Flutter doctor This command checks your environment and displays a report of the status of your Flutter installation. Check the output carefully for other software you might need to install or further tasks to perform ##### `flutter doctor` ![](https://i.imgur.com/lheRcrd.png) #### See can see detail`flutter doctor -v` ##### [Chrome](https://www.google.com/intl/zh-TW/chrome/) ##### [Vscode](https://code.visualstudio.com/) --- ### 4.Java JDK #### [Java](https://www.oracle.com/java/technologies/javase-jdk16-downloads.html) ![](https://i.imgur.com/UfdbF4M.png) ![](https://i.imgur.com/pj4Ojxd.png) ![](https://i.imgur.com/HKy7CFx.png) ![](https://i.imgur.com/Bk7QDL7.png) ![](https://i.imgur.com/CMgdFMM.png) ![](https://i.imgur.com/qd4Jnvk.png) ##### `%JAVA_HOME%\bin` ![](https://i.imgur.com/vhuJr2A.png) --- ### 5.Intsall Android Studio SDK #### [Android Studio](https://developer.android.com/studio) ![](https://i.imgur.com/f9q56dE.png) ![](https://i.imgur.com/dUMdzGg.png) ![](https://i.imgur.com/8dCe6Dn.png) ![](https://i.imgur.com/u8vyAhe.png) ![](https://i.imgur.com/QOXMOQX.png) ![](https://i.imgur.com/X1O7Rcq.png) ![](https://i.imgur.com/PPNYScv.png) ![](https://i.imgur.com/bdh5Ema.png) ![](https://i.imgur.com/ZLIa2V6.png) #### Ignore error We solve this problem on later ##### `flutter doctor` ##### ![](https://i.imgur.com/CpQ4A0i.png) ![](https://i.imgur.com/eu8rlNL.png) ##### `flutter doctor --android-licenses` ![](https://i.imgur.com/ENB3cHn.png) #### Error handler #### Install **Andorid SDK Command-line Tools(lastest)** ![](https://i.imgur.com/d1XXxEl.png) ![](https://i.imgur.com/VATR5OW.png) ![](https://i.imgur.com/VsdW7x6.png) ##### `flutter doctor` ![](https://i.imgur.com/ldnJcEJ.png) ##### `y` ![](https://i.imgur.com/mmLi57t.png) ##### `y` ![](https://i.imgur.com/YNFeigB.png) ##### `y` ![](https://i.imgur.com/MKam0JU.png) ##### `y` ![](https://i.imgur.com/rMU4RBF.png) ##### `y` ![](https://i.imgur.com/2dJ24bk.png) ##### `y` ![](https://i.imgur.com/3hJZaq9.png) ##### `y` ![](https://i.imgur.com/L0BBAar.png) #### Successd ![](https://i.imgur.com/iT0qsJ7.png) ##### `flutter doctor` ![](https://i.imgur.com/3IZMVgE.png) #### See all detail ##### `flutter doctor -v` ![](https://i.imgur.com/0pr2q3L.png) #### Flutter can't find the path from Android studio #### We should set path to command. ##### `flutter config --android-studio-dir="C:\Program Files\Android\Android Studio"` ![](https://i.imgur.com/x3hIlq5.png) #### restart cmd and input `flutter doctor -v` #### Successful Install ![](https://i.imgur.com/c59ugvJ.png) --- ### 5.Intsall Android Studio emulator #### Handler before error by last step ![](https://i.imgur.com/ZLIa2V6.png) #### Check virtualization: enable ![](https://i.imgur.com/3sDtOQd.png) #### If your virtualization disable you can go to bios to open Virtualization Technology. #### If your cpu does't support. This problem isn't to solved. #### You have virtualization enable.Then you sholud close Hyper-v on Windows function ![](https://i.imgur.com/VNyKoAm.png) #### You should cancel this function and restart your computer ![](https://i.imgur.com/e8ipPmM.png) #### Open Cmd use right click **administrator** #### `Disable-WindowsOptionalFeature -Online -FeatureName Microsoft-Hyper-V-All` #### `bcdedit /set hypervisorlaunchtype off` ![](https://i.imgur.com/FNn137J.png) #### Restart your computer. #### Open cmd check successed ![](https://i.imgur.com/8E6y1Tg.png) #### And they we can try to install Intel@HAXM package #### We first shoud delete **Intel x86 Emulator Accelerator(HAXM installer)** ![](https://i.imgur.com/knKLdk1.png) #### Check the function has canceled ![](https://i.imgur.com/VgT2Ukz.png) #### Download Haxm from Intel Github #### [Intel Haxm](https://github.com/intel/haxm/releases) ![](https://i.imgur.com/PqGiQ9w.png) #### Extract the zip file and Open **haxm-7.7.0-setup** ![](https://i.imgur.com/LLHhd75.png) ![](https://i.imgur.com/riZ0w3x.png) ![](https://i.imgur.com/qHkG1VG.png) ![](https://i.imgur.com/pfeOvJZ.png) #### Successed Install HAXM --- ### 6.Install Flutter plus on Android Studio ![](https://i.imgur.com/F5A8s19.png) ![](https://i.imgur.com/YTaOYtu.png) ![](https://i.imgur.com/lePer1X.png) ![](https://i.imgur.com/UNFxv5g.png) ![](https://i.imgur.com/Qx9DQht.png) ![](https://i.imgur.com/lGUXhBU.png) ### 7.Creat Flutter Project and Emulator ![](https://i.imgur.com/TTYiXkD.png) ![](https://i.imgur.com/6KgjorC.png) #### Project Should be use lowcase ![](https://i.imgur.com/oZ8naxg.png) ![](https://i.imgur.com/bIof3x5.png) ![](https://i.imgur.com/EbXDVpk.png) ![](https://i.imgur.com/1C26xl4.png) ![](https://i.imgur.com/iDc6tTk.png) ![](https://i.imgur.com/gbxKKj6.png) ![](https://i.imgur.com/12IaueF.png) ![](https://i.imgur.com/4ouC6cX.png) ![](https://i.imgur.com/FcaEWms.png) ![](https://i.imgur.com/XxdcVCx.png) ![](https://i.imgur.com/gTQXLZq.png) ![](https://i.imgur.com/qlEkVTm.png) #### If your emulator can't start. You can try to reinstall **Android SDK Platform-Tools** ![](https://i.imgur.com/rQMPZJT.png) --- #### And you can use browser open flutter emulator ![](https://i.imgur.com/gvuU7Rv.png) ![](https://i.imgur.com/AW8wgwJ.png) ![](https://i.imgur.com/WqtqWu9.png) --- ### 8.Use Vscode IDE develop Flutter #### Install Flutter package ![](https://i.imgur.com/m6UeqyL.png) #### Pressd F1 `flutter doctor` check nothing problem ![](https://i.imgur.com/MEt28bq.png) ![](https://i.imgur.com/X4DuPt0.png) #### Pressd F1 create a new project`Flutter: New Project` ![](https://i.imgur.com/FD03JHG.png) #### input your project name ![](https://i.imgur.com/oaBANFP.png) #### Successd Create Project ![](https://i.imgur.com/jLzzP6z.png) #### You can chose your emulator ![](https://i.imgur.com/zTz9ztT.png) ![](https://i.imgur.com/H9fP5ND.png) ![](https://i.imgur.com/lqsco4m.png)