---
tags: openData
---

<style>
font{
color:red;
background: rgba(255, 204, 247, 0.6);
}
.markdown-body code {
color: rgb(2, 87, 71) !important;
}
.markdown-body code, .markdown-body tt{
background-color: rgb(227, 249, 252);
font-weight: bold;
border-radius: 5px;
}

</style>

# Flutter安裝

1. 去Flutter.dev點選Get Start，選擇自己電腦的作業系統
2. 安裝Flutter SDK，解壓縮到任一路徑
3. 開始→設定→系統→關於→進階系統設定→環境變數→User的使用者變數→PATH→編輯→加入一條新路徑：`你的Flutter SDK路徑\flutter\bin`
4. **重新開機**，並在cmd輸入 `where flutter dart` 確定路徑


5. 在cmd輸入 `flutter doctor`， 確認環境的設置狀況，常見的錯誤情況如下，依序一一解決即可：


==⚠ **Android Studio(not installed)**==

安裝Android Studio即可解決，路徑盡量不要變動

==⚠ **cmdline-tools component is missing**==

表示還沒安裝Android Studio的Command line tool，前往More Action→SDK Manager→Android SDK，安裝下列檔案(版本以最新的為主)：

- [ ] Android API 33.0 (at SDK Platform)
- [ ] Android 11.0 (at SDK Platform)
- [ ] Android SDK Build-tools 33
- [ ] Android SDK Command-line Tools(latest)
- [ ] Android Emulator
- [ ] Android SDK Platform-Tools
- [ ] Intel x86 Emulator Accelerator (HAXM installer)

:::success
🤖 務必先安裝JDK。
:::

==⚠ **Android license status unknown**==

在cmd輸入 `flutter doctor --android licenses` ，所有的選項均回答y即可

==⚠ **Visual Studio相關問題**==

安裝Visual Studio 2022，並選擇「使用 C++ 進行桌面開發」(desktop development with c++)

:::danger
🤖 **注意Android SDK Location!!**

正常來說，SDK的路徑應該是在 `C:\Users\user\AppData\Local\Android\Sdk`
(可在cmd輸入 `flutter doctor -v` ，確認目前使用的SDK路徑(黃色那條))


黃色那條路徑，必須和More Action→SDK Manager→Android SDK→Android SDK Location的路徑一模一樣，否則Android license會出現Error：<font>Android sdkmanager not found. Update to the latest Android SDK and ensure that the cmdline-tools are installed to resolve this.。</font>

如果是第一次安裝應該不會有問題，但如果你以前就有下載其他版本的Android Studio，或是有自己調整過路徑，就可能會出現路徑不一致的問題。
另外，AppData這個資料夾不會顯示在畫面上，必須要在cmd輸入路徑才能找到。

:::

6. 最後結果如下。