---
# System prepended metadata

title: Flutter 課前安裝

---

# Flutter 課前安裝
[官方文件](https://docs.flutter.dev/get-started/install)
# 安裝flutter
1. 進入[官方文件](https://docs.flutter.dev/get-started/install)後選擇自己電腦使用的作業系統(範例是window)
![](https://i.imgur.com/sAPoFaX.png)
2. 解壓縮到你想安裝Flutter SDK的路徑(ex. C:\\)，不要安裝到需要高權限的路徑ex. C:\Program Files\\
![](https://i.imgur.com/tJUpymk.png)
安裝要一段時間~~
3. 打開flutter_console
![](https://i.imgur.com/tBzmtlN.png)

4. 輸入flutter doctor
![](https://i.imgur.com/Hn08qst.png)
![](https://i.imgur.com/cj3mYTW.png)
有兩個驚嘆號，等等要一步步把他們變成勾
5. 修改環境變數
控制台>系統>進階系統設定
設定>系統>關於>進階系統設定
![](https://i.imgur.com/bw1VyUT.png)
![](https://i.imgur.com/FmFSaDN.png)

6. 輸入flutter安裝位置
![](https://i.imgur.com/Ucc7hvl.png)
# 下載安裝Android Studio
1. 到[這裡](https://developer.android.com/studio)下載，不用改任何東西一路next
2. 再去flutter console輸入一次flutter doctor
![](https://i.imgur.com/VIuLh40.png)
可以看到一個驚嘆號被消掉了
輸入flutter config --android-studio-dir<directory>
![](https://i.imgur.com/4m2GrVk.png)
3. 回到android studio設定模擬器
![](https://i.imgur.com/GMdI00a.png)
![](https://i.imgur.com/YRK5KOU.png)
- 選一個喜歡的機型
![](https://i.imgur.com/sxJAzjI.png)
- 選個不要太舊的版本，然後按Download
![](https://i.imgur.com/uauQiWy.png)
 
4. 下載Flutter和Dart插件
File>Settings>Plugins
![](https://i.imgur.com/pLVuVlG.png)
到這邊再去flutter console輸入一次flutter doctor，如果都是勾就完成囉，可以直接跳過處理驚嘆號
# 處理驚嘆號
1. 處理 X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
File>Settings
![](https://i.imgur.com/0yVvBP6.png)
再檢查一次應該就處理掉了
![](https://i.imgur.com/8WBcIxD.png)
2. 處理 X Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
- 照提示所說輸入flutter doctor --android-licenses
![](https://i.imgur.com/QQ8RpCy.png)
再檢查一次是否變成全勾了
![](https://i.imgur.com/GGeTYzS.png)
3. 處理 [!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
- 輸入`flutter doctor --android-licenses`
    
4. 處理 [!] Android Studio (not installed)
- 輸入 :`flutter config --android-studio-dir="C:\Program Files\Android\Android Studio"`

# 跑跑看第一個flutter app吧
如果flutter doctor都已經全部都是勾了，就來創建第一個app吧
1. New flutter Project
如果沒有這個選項，可以重開一次android studio看看
![](https://i.imgur.com/bY6rwxP.png)
![](https://i.imgur.com/BO6Ebzv.png)
![](https://i.imgur.com/I7Gbkdn.png)
![](https://i.imgur.com/zbpYiMR.png)
2. 跑跑看 
![](https://i.imgur.com/yWplTwe.png)
- device 選擇剛剛創的模擬器
- 出現這個壞面就完成啦