Flutter環境配置
摘要：
Flutter官網 https://flutterchina.club/
Flutter下載
image.png
image.png
image.png
...
Flutter官網 https://flutterchina.club/
Flutter下載
image.png
image.png
image.png
image.png
配置國內映象
image.png
image.png
配置Flutter環境變數
image.png
執行Flutter命令
win + R 快捷鍵，輸入cmd，回車，輸入flutter doctor，回車。
Windows PowerShell 版權所有 (C) Microsoft Corporation。保留所有權利。 PS C:\Users\boy> flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.590], locale zh-CN) [X] Android toolchain - develop for Android devices X Unable to locate Android SDK. Install Android Studio from: https://developer.android.com/studio/index.html On first launch it will assist you in installing the Android SDK components. (or visit https://flutter.io/setup/#android-setup for detailed instructions). If Android SDK has been installed to a custom location, set ANDROID_HOME to that location. You may also want to add it to your PATH environment variable. [!] Android Studio (not installed) [!] Connected device ! No devices available ! Doctor found issues in 3 categories. PS C:\Users\boy> ^C PS C:\Users\boy>
報錯
[X] If Android SDK has been installed to a custom location, set ANDROID_HOME to that location. You may also want to add it to your PATH environment variable.
解決問題
配置ANDROID_HOME環境變數並且新增到path
image.png
image.png
執行 flutter doctor
Windows PowerShell 版權所有 (C) Microsoft Corporation。保留所有權利。 PS C:\Users\boy> flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.590], locale zh-CN) [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3) [!] Android Studio (not installed) [!] Connected device ! No devices available
報錯
[!] Android Studio (not installed)
解決方案：下載最新的Android Studio，自行安裝即可。
https://developer.android.google.cn/studio執行 flutter doctor
Windows PowerShell 版權所有 (C) Microsoft Corporation。保留所有權利。 PS C:\Users\boy> flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.590], locale zh-CN) [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3) [!] Android Studio (version 3.3) X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality. [!] IntelliJ IDEA Ultimate Edition (version 2018.2) X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality. [√] Connected device (1 available)
報錯
[!] Android Studio (version 3.3) X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality.
解決方案
需要安裝兩個外掛:
- Flutter外掛： 支援Flutter開發工作流 (執行、除錯、熱過載等).
- Dart外掛： 提供程式碼分析 (輸入程式碼時進行驗證、程式碼補全等).
要安裝這些:
啟動Android Studio.
- 開啟外掛首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
- 選擇 Browse repositories…, 選擇 Flutter 外掛並點選 install.
- 重啟Android Studio後外掛生效.
具體安裝如下：
image.png
執行 flutter doctor
Windows PowerShell 版權所有 (C) Microsoft Corporation。保留所有權利。 PS C:\Users\boy> flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.590], locale zh-CN) [√] Android toolchain - develop for Android devices (Android SDK version 28.0.3) [√] Android Studio (version 3.3) [!] IntelliJ IDEA Ultimate Edition (version 2018.2) X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality. [√] Connected device (1 available) ! Doctor found issues in 1 category.
[!] IntelliJ IDEA Ultimate Edition (version 2018.2)這個是IntelliJ IDEA編譯器，我們只要Android Studio可用就好，大家忽視就好。
建立Flutter專案
image.png
image.png
image.png
image.png
執行Flutter工程
