<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}]"}
    1565 views