Flutter环境搭建

一、下载Flutter SDK beta版本

1.Flutter官网下载最新Beta版本的进行安装:https://flutter.dev/docs/development/tools/sdk/releases
2.Flutter github项目中去下载,地址为:https://github.com/flutter/flutter/releases。
3.执行git命令:git clone -b beta https://github.com/flutter/flutter.git
将下载好的安装包解压到自己的指定目录下,最好避开C:\Program Files\

二、配置环境变量

1.配置flutter环境变量:

将flutter的路径追加到path下:G:\AndroidFlutterSDK\flutter\bin
使用cmd来验证flutter环境变量是否配置成功:flutter --version

2.配置国内的镜像:

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
使用官方镜像,将这两个url配置到用户环境变量中

三、检查是否配置成功

cmd中输入以下命令:

flutter doctor

Flutter环境搭建_第1张图片
五个类别的依赖项,√是没有问题的类别,!指的是有问题的类别。

  • Flutter的版本和运行环境
  • Android的工具链的情况
  • Android Studio的版本,以及Flutter插件安装情况
  • IntelliJ IDEA Community的版本,以及Flutter插件安装情况
  • 设备的连接情况

安装任何缺少的依赖项后,可以再次运行flutter doctor命令来验证是否已正确设置所有内容。如执行flutter doctor --android-licenses

四、安装插件

安装Dart插件
Flutter环境搭建_第2张图片安装Flutter插件:
Flutter环境搭建_第3张图片

五、创建第一个FlutterProject

Flutter环境搭建_第4张图片
选择Flutter Application
Flutter环境搭建_第5张图片设置Flutter SDK的位置和项目代码的位置。若未下载Flutter SDK,可点击install SDK下载
Flutter环境搭建_第6张图片项目创建成功后,打开Genymotion运行项目:
Flutter环境搭建_第7张图片值得一提的是,Flutter支持热重载,无需重新启动项目即可重新加载一个实时运行的应用程序。为了佐证,奉上“Hello World”以表敬意!
在这里插入图片描述

你可能感兴趣的:(Flutter)