如何搭建Android Studio下Flutter环境

tangjin

作者

这篇文章主要介绍如何搭建Android Studio下Flutter环境，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

一、Flutter介绍

Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。

二、环境搭建

Flutter 的环境搭建⼗分省⼼，特别对应Android开发者⽽⾔，只是在AndroidStuido上安装插件，并下载flutterSdk到本地，配置在环境变量即可，其实 中⽂⽹的搭建Futter开发环境已经很贴⼼详细，从平台指引开始安装基本都不会遇到问题。

1.下载AndroidStudio中的插件 Dart和Flutter

大家都是聪明人看图说话，不做多余解释！

2.获取Flutter SDK

获取Flutter SDK （点击下载）

3.环境配置

网上流传的大多数是Git命令配置，很装逼很拉风，但是做人得低调，所以这里我们写了两个配置方案：

方案A： git命令配置（网上大多数教程是这样配置）:

（1）打开gitbash，输入如下命令：

gitclone-bbetahttps://github.com/flutter/flutter.git
exportPUB_HOSTED_URL=https://pub.flutter-io.cn//国内用户需要设置
exportFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn//国内用户需要设置
exportPATH=pwd/flutter/bin:$PATH

方案B：手动配置：

在用户变量上添加如下变量

>需要配置的内容：
>ANDROID_HOME，在把你androidSDK的路径填上
//国内用户需要设置
PUB_HOSTED_URL：
https://pub.flutter-io.cn

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

PATH：
Fluttersdk路径的bin(不明白看下图)

测试是否配置成功

按win+R 直接运行 PowerShell , 然后输入如下命令：flutter doctor

成功效果：

错误效果：如果出现以下错误 , 则是没有配置好Android的环境解决办法：添加环境变量ANDROID_HOME，把你android SDK的路径填上，重启电脑即可

重启后继续执行 flutter doctor 如果还不成功就再执行 flutter doctor --android-licenses ，接下来所有的输入 y 就可以了

成功后效果

三、创建项目

创建项目很简单基本上和Android项目一样File->New->New Flutter Project选Flutter Application ->Next起App名字 ->Next 起包名 ->Finish修改main.dart内容运行就会有Hello World了

详细步骤（直接贴图不解释了）

import'package:flutter/material.dart';

voidmain()=>runApp(newMyApp());

classMyAppextendsStatelessWidget{
@override
Widgetbuild(BuildContextcontext){
returnnewMaterialApp(
title:'WelcometoFlutter',
home:newScaffold(
appBar:newAppBar(
title:newText('WelcometoFlutter'),
),
body:newCenter(
child:newText('HelloWorld'),
),
),
);
}
}