Flutter学习一:安装配置

目录

1 官方文档

2 安装配置

2.1 第一步:下载配置Flutter

2.2  第二步:下载配置Android Studio

 2.3  第三步:下载配置VScode


1 官方文档

在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

在中国网络环境下使用 Flutter - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

国内镜像Flutter下载地址:https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.10.2-stable.zip

记得参考官方文档,将 Flutter版本改到最新版下载,下载中文镜像版。

扫描二维码关注公众号,回复: 16808272 查看本文章

2 安装配置

2.1 第一步:下载配置Flutter

下载镜像版Flutter,解压后放到自定义路径,比如:

 配置环境变量>用户变量>Path:这样你就可以在cmd命令面板中直接使用flutter命令了:

 为了处理下面的错误:

 Network resources
    X A cryptographic error occurred while checking "https://pub.dev/": Connection terminated during handshake
      You may be experiencing a man-in-the-middle attack, your network may be compromised, or you may have malware
      installed on your computer.
    X A network error occurred while checking "https://maven.google.com/": 信号灯超时时间已到

将镜像地址配置到系统变量中去

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

 

2.2  第二步:下载配置Android Studio

记得先安装配置java环境,安装jdk1.8版本的。

Android Studio最新版下载地址:Download Android Studio & App Tools - Android Developers

按照提示一路安装配置即可,

1、配置Android Studio时如果报错:

        Android Studio First Run unable to access Android SDK add-on-list.....

解决方案:在 Android Studio 安装目录 bin/idea.properties 文件中最后追加一句:

disable.android.first.run=true

安装完毕,打开SDK manager:

如下图:

2、如果你自定义了SDK路径,那么你需要修改flutter配置来指定android-sdk目录。

否则会一直报错: 

      X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`

cmd打开命令面板,输入

flutter config --android-sdk "你自定义的sdk路径"

3、如果你的java环境是jdk8,那么你不能下载最新的Android SDK Command-line Tools,你需要勾选最下面的红框,然后选择安装8.0 版本的。

否则会报错:

        Android sdkmanager tool was found, but failed to run 

 接下来,在cmd命令面板中输入,一直 y 下去,同意android的协议:

flutter doctor --android-licenses

然后,在cmd命令面板中输入flutter doctor,验证是否配置成功:

flutter doctor

更多问题参考:flutter学习之旅(一)_结成明日奈是我老婆的博客-CSDN博客 

最后, 在Android Studio中安装Flutter插件,到此,配置完成。

 2.3  第三步:下载配置VScode

 visual studio code下载地址:Visual Studio Code - Code Editing. Redefined

安装 Flutter 和 Dart 插件 ,重新启动 VS Code

 

 通过 Flutter Doctor 命令验证是否安装成功:

打开查看>命令面板,输入doctor,选择 Flutter: Run Flutter Doctor

 

 输出下图,安装成功:

 

猜你喜欢

转载自blog.csdn.net/D_lunar/article/details/131004427