<style>
.reveal h1 {
font-size:120px;
}
.reveal section img {
background-color: white;
}
</style>
# 使用<i style="color:red;font:arial">IntelliJ IDEA</i>開發Flutter App:開發環境設置
![Flutter logo](https://flutter.dev/assets/flutter-lockup-4cb0ee072ab312e59784d9fbf4fb7ad42688a7fdaea1270ccf6bbf4f34b7e03f.svg =512x)
----
## 影片內容
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
![flutter-doctor](https://lh3.googleusercontent.com/b7gP3k3_6BjqmUhlibBfJmE-lw_b534K9fLk8bAHM5fyZxPaEyh_B8byp9dmwGkW7H6F4ZSPHHdkKQ8MDPtORDHOtGX47TCEME-rEhMJ0KxQwFluMfgDYmD5ePcNXXZcTBNn1-grPcfF_9PzmwrH5C10uaqpDGRRy18M-8nD5kldrS7Ss9yVJkVDkel5wTWWcdpnWiuFfWnSP_yh1nwbvfRnjJHkEGQ6bk06jv0QJ_sINnxDsSnCjRptcw5DLSCfVlRB3NhEb1HNSgHeBWUQKem0caC7qMzauMv0nVlt2oZp0ky-AlbD4UuQEZz2m5w2ADM2kL4Nbvhrg-wQDXX2eCc--QkKlCWTFbs_1a63B2LfgcqXhPmTzUQlkLRNCdxjGTVT6L9Je65NylLEsm_mQn2Cm4IlnToV2XuXmvUACCmd9DAHU1sduwdFoqi6EzHvcHwgXfMZ-N4RYv9qqyuh0X-CYIK16KeefsFE5d2cHE4R2Myv_d5KB8591mK3wUoiSwNGzOLxom5-nrONx3LWDhP8a1elhEqFJP4baeBCfH4q7eSUpyGSbQjUgQ3We6JICEycsOmdDXC3aTKNbrUTTZsXz3YVSKq7Y6-j-cTHPl7vnCdhwaEU0etihyU4sVuUXd9kzBBAcCTt_T7xMLt5l6_7m0_Q4ewprjtcgcc5TV0aakBjLATiSqkeSYWqwgVStnwFZoKG7AZ5kI1NWw=w1090-h576-no)
---
## 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
![install Android sdk](https://lh3.googleusercontent.com/15ToGgS2WMsNrl7rAU8_7Mg1rGc3IoL2el9AVjRqOYSE3NnqLeZCvGwQ3MhmgsXQky2lw81HV-i9aMN0Bo-hQIS7HxIsaqiLbDKKdsCD7dfjT6iSiwULhNHOoX1Sl2XvpKvAZKnydZlUoO8ECiDnCRWq-1f4yUPY7HSofuHEKkFohjDCDbL21Cg-7o0iaxp10JBMNQdmmCX0FsNiNs6YWuZ5y6bn4PWM7JMUG6DWYiSPKDqSHQm8ohiD4CRvai2l9SjfELRWW31mf6dPwttR-xSnpm8zy9mPg5WUXNKOA0jfeZluFYD0__DcXe23rm-DrhmXyCPp4ERpo8U52inzrqjKxMjMgjJvpROVdiagQW5QL48OYQiWOWM65_Fer74RTV-vjshH1A4IkC-S5-xBsqlGCOTewXj9mDgYshnrN0X7HA5Iu1XFSZYhkh34w6ngct15ClaXQEOup6rk7vXB21Oq2zuQhlj_fyxZLOQ1ks3MI-0rwvQPPoFWwTvzSR69O85e68Swn785gLYsvg49hHSQPj465iNwm0aUPUfAtOe7xAMg6qYFFl7EUOV4CXp-WA9kb9CoFp0Jxgyn2Spx21YvnfwNG9kqW6JH6fN0Q88O479PS3qUblFON5pEkFmp0ul-YvNSsDABq3Vwgnlq9YQFYYl6xf3DkYphaPrGOh2HXfzx3XXY5y3MsmUSTrhRnjnxu1GI__ktwRuu9w=w814-h470-no)
---
#### 解說影片
<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}]"}