Flutter环境配置

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.

  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 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工程

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值