Flutter开发环境部署与配置，Android环境

目录1.安装 Flutter SDK2.配置Android Studio2.1安装Android SDK2.2配置Gradle user home路径2.3配置Android 模拟器配置VS Code运行Flutter 应用1.安装 Flutter SDK在官网下载stable Flutter SDK https://docs.flutter.dev/install/archive把下载的文件解压到一个目录下如D:\Programs\flutter把Flutter的目录添加到windows的环境变量 PATH 中电脑→属性→高级→环境变量→系统变量。打开cmd执行flutter doctor验证Flutter的安装Flutter会检查当前的开发环境根据提示选择自己需要继续安装的开发环境不开发windows appVS未安装警告可以忽略。如果没有Android开发环境会提示Android Studio 未安装。2.配置Android Studio在官网下载Android Studiohttps://developer.android.google.cn/studio?hlzh-cn2.1安装Android SDK安装完成后进入设置页面配置Android SDK先更改SDK下载位置Android SDK Location:D:\ProgramData\Android\Sdk避免占用C盘空间。在SDK Platform页面选择安装Android SDK。在SDK Tools页面安装Android SDK Platform-Tools 以及 Android SDK Build-ToolsAndroid Emulator。2.2配置Gradle user home路径Gradle是Android/Flutter 项目的“构建引擎”Gradle user home 是 Gradle 运行时的环境变量。先创建好文件夹D:/ProgramData/gradle在Android Studio的设置里把Gradle user home设置为D:/ProgramData/gradle避免Gradle 下载依赖到C盘下。同时把环境变量GRADLE_USER_HOME添加到windows的系统变量中。在电脑的系统变量 电脑→属性→高级→环境变量→系统变量中点击「新建」变量名GRADLE_USER_HOME变量值D:\ProgramData\gradle2.3配置Android 模拟器Android Studio 的 Android 模拟器AVD, Android Virtual Device数据目录默认存放在C盘目录C:\Users\username.android\avd下先设置环境变量把avd数据目录存在其他盘下。创建好目录D:\ProgramData\Android\avd把环境变量ANDROID_AVD_HOME添加到windows的系统变量中。在电脑的系统变量 电脑→属性→高级→环境变量→系统变量中点击「新建」变量名ANDROID_AVD_HOME变量值D:\ProgramData\Android\avd保存后重启Android Studio。点击Virtual Device Manager创建安卓设备选择设备创建后启动设备配置VS Code在扩展搜索输入框中输入Flutter然后安装。Dart会被自动安装运行Flutter 应用在VS Code界面按快捷键Ctrlshiftp输入Flutter选择Flutter: New Project选择application选择需要的平台等待程序创建完成。打开android\gradle\wrapper\gradle-wrapper.properties把 Gradle Wrapper 的下载地址替换为国内镜像加速distributionUrlhttps://mirrors.cloud.tencent.com/gradle/gradle-9.1.0-all.zip打开lib\main.dart点击run选择启动的Android设备首次启动需要等待一会启动完后能看到安卓模拟器上的画面。复制代码到lib\main.dart中点击runimportpackage:flutter/material.dart;voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{constMyApp({super.key});overrideWidgetbuild(BuildContextcontext){returnMaterialApp(debugShowCheckedModeBanner:false,home:Scaffold(backgroundColor:Colors.blue[100],appBar:AppBar(centerTitle:true,title:Text(My APP Bar),backgroundColor:Colors.blue,leading:Icon(Icons.menu),),body:Center(child:Container(height:300,width:300,color:Colors.blue,alignment:Alignment.center,child:Text(My APP,style:TextStyle(color:Colors.white,fontSize:28,fontWeight:FontWeight.bold,),),),),),);}}启动完后能看到安卓模拟器上的APP画面。