在创建第一个应用之前首先要做的就是配置开发环境,开发环境的配置在这里就不详述了;网上一搜一堆,但是在开发环境配置中可能遇到的几个问题,在这里提示一下;

笔者使用的IDE是 IntelliJ IDEA , 看个人习惯可使用(Android Studio、

Visual Studio Code)

1、flutter bin文件的环境配置

2、PUB_HOSTED_URL 和

FLUTTER_STORAGE_BASE_URL 环境变量配置

2、IDE中的Dart 和flutter 插件的安装

如果遇到其他问题可自行网络查询解决

1、新建一个Flutter项目,选择File – New – Project…

frc 9b5236f81640cc3470171266aecf719c - Android To Flutter - 第一个应用Hello Flutter

IntelliJ IDEA  – 新建项目

2、选择 SDK 地址

frc fcc7522f91333d2dba5c0a0ad5022482 - Android To Flutter - 第一个应用Hello Flutter
SDK path 选择

3、项目配置

frc a35766e1b13be968191676d5a910a1da - Android To Flutter - 第一个应用Hello Flutter
项目配置

4、项目结构介绍

frc 2d6200d6e74c99a0499bafcaebf69d86 - Android To Flutter - 第一个应用Hello Flutter
项目结构

5、运行第一个应用

frc 80f67e329e445bfbeda65e861ed2888a - Android To Flutter - 第一个应用Hello Flutter
第一个应用运行成功

小注:Flutter的热重载 在iOS和Android模拟器或真机上可以在亚秒内重载,并且不会丢失状态;好像很厉害的样子,咱们来试一下

6、修改一处代码,体验一下热重载

frc c613d24f820fb8bb5746493133b3a511 - Android To Flutter - 第一个应用Hello Flutter
修改这个文本提示语句
frc a2efecb5f12e34280ab4b141c8794fca - Android To Flutter - 第一个应用Hello Flutter
点击闪开进行热重载

模拟器上亚秒级别有点嚣张了,好了到此第一个Flutter应用就创建完毕了,下节来学习Flutter中的控件

Android To Flutter – 第一个应用Hello Flutter