Flutter环境搭建

1、安装git下载FlutterSDK

git clone https://github.com/flutter/flutter.git
Flutter环境搭建_第1张图片

2、配置环境变量**

将Flutter中bin目录配置到Path路径下
在这里插入图片描述

3、进入CMD,运行flutter doctor检测Dart SDK**

如果长时间未下载或者连接超时:

方法一:

执行下面命令:设置url链接地址

  • set PUB_HOSTED_URL=https://pub.flutter-io.cn
  • set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
方法二:

直接在用户变量中配置
FLUTTER_STORAGE_BASE_URL地址为:https://storage.flutter-io.cn
Flutter环境搭建_第2张图片
PUB_HOSTED_URL地址为:https://pub.flutter-io.cn
Flutter环境搭建_第3张图片
再次执行命令:
flutter doctor检测SDK安装状态
Flutter环境搭建_第4张图片
会看到有两个错误的地方,第一个是没有安装web插件,第二个是没有安装Visual Studio
因为是开发Android项目,我们安装AndroidStudio就可以进行开发,客户端同学针对上面两个问题不用关心

4、Android Studio中安装插件 Dart和Flutter**

setting->plugin
Flutter环境搭建_第5张图片

5、Studio中配置Flutter及Dart路径

  • Flutter 目录
    D:\FlutterSDK\flutter
    Flutter环境搭建_第6张图片
  • Dart 目录
    D:\FlutterSDK\flutter\bin\cache\dart-sdk
    Flutter环境搭建_第7张图片

6、新建Flutter项目并运行

Flutter环境搭建_第8张图片
Flutter环境搭建_第9张图片

你可能感兴趣的:(Flutter,Flutter)