<style>
.reveal h1 {
font-size:120px;
}
.reveal section img {
background-color: white;
}
</style>
# 使用<i style="color:red;font:arial">IntelliJ IDEA</i>開發Flutter App:開發環境設置

----
## 影片內容
1. 安裝Flutter SDK
2. 安裝IntelliJ IDEA Community
3. 安裝IDEA的Flutter Plugin
4. 建立Flutter專案
5. 安裝或設定Android SDK
---
## 1.安裝Flutter SDK
* Flutter SDK下載:https://flutter.dev/docs/get-started/install
* 將下載的.zip檔案解壓縮到 c:\flutter
* 測試:
* cd /d c:\flutter\bin
* flutter doctor
----
#### Flutter doctor

---
## 2.安裝IntelliJ IDEA
###### 參考影片:[01.使用IntelliJ IDEA學習Java程式設計:安裝JDK11與IDEA 2019.1 (IDEA教學 #1)](https://youtu.be/Pw0LqNLsCDk)
{%youtube Pw0LqNLsCDk %}
---
## 3.安裝IDEA的flutter Plugin
* 歡迎視窗Configure→【Plugins】
上方點選【Marketplace】,搜尋Flutter→【Install】
---
## 4.建立Flutter專案
1. New Project→選用Flutter
2. 指定Flutter SDK Home為 C:\flutter
---
## 5.安裝或設定Android SDK
1. 未安裝過Android SDK
New Project→點選【Android】→按【Install SDK】
2. 已安裝過Android SDK
【Project Structure】→【Project Settings】→Project SDK:點選已建立過的Android SDK或按New去找到SDK資料夾
----
### 安裝Android SDK

---
#### 解說影片
<iframe width="853" height="480" src="https://www.youtube.com/embed/eqFyG9eBpNo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
{"metaMigratedAt":"2023-06-15T00:03:03.424Z","metaMigratedFrom":"YAML","title":"使用<i style=\"color:red;font:arial\">IntelliJ IDEA</i>開發Flutter App:開發環境設置","breaks":true,"slideOptions":"{\"theme\":\"league\",\"transition\":\"concave\"}","contributors":"[{\"id\":\"dbf4f7d8-eca5-41a1-a974-f60bc0489b21\",\"add\":3567,\"del\":507}]"}