Flutter官网 https://flutterchina.club/

Flutter下载

image.pngimage.pngimage.pngimage.png

配置国内镜像

image.pngimage.png

配置Flutter环境变量

image.png

运行Flutter命令

win + R 快捷键，输入cmd，回车，输入flutter doctor，回车。

Windows PowerShell版权所有 (C) Microsoft Corporation。保留所有权利。PS C:\Users\boy> flutter doctorDoctor 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> ^CPS 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.pngimage.png

运行 flutter doctor

Windows PowerShell版权所有 (C) Microsoft Corporation。保留所有权利。PS C:\Users\boy> flutter doctorDoctor 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 doctorDoctor 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.

1. 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
2. 选择 Browse repositories…, 选择 Flutter 插件并点击 install.
3. 重启Android Studio后插件生效.

具体安装如下：

image.png

运行 flutter doctor

Windows PowerShell版权所有 (C) Microsoft Corporation。保留所有权利。PS C:\Users\boy> flutter doctorDoctor 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.pngimage.pngimage.pngimage.png

运行Flutter工程