# 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 選擇剛剛創的模擬器 - 出現這個壞面就完成啦