返回顶部
首页 > 资讯 > 移动开发 >Flutter——Android Studio下环境配置
  • 520
分享到

Flutter——Android Studio下环境配置

AndroidStudiostudio环境flutterAndroid 2022-06-06 13:06:34 520人浏览 独家记忆
摘要

引言 前段时间,制定了今年的学习计划,包括前端优化(打包、测试、发布)、数据可视化、vue3.0源码阅读、Flutter、算法和数据结构。 所以

引言

前段时间,制定了今年的学习计划,包括前端优化(打包、测试、发布)、数据可视化

vue3.0
源码阅读、
Flutter
算法数据结构

所以,最近也陆续开始今年的学习计划,先拿

Flutter
开刀(hhh),当然第一步就是开发环境的配置。那么,我们就来讲讲如何配置
Android Studio
+
Flutter
的开发环境。

一、安装 Flutter SDK

首先,新增两个系统变量,主要用于后期

Flutter
检测时的安装,此电脑->属性->高级->环境变量。

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=Https://storage.flutter-io.cn

下载

Flutter SDK
的方式有很多种,这里推荐的是直接去 GiHub 上
Clone
下来。(假设
Clone
D:/Flutter
文件夹下)
在这里插入图片描述
打开
D:/Flutter/flutter/flutter_console
(界面如下),输入
flutter
,这个命令会进行一些依赖安装
在这里插入图片描述
自此
Flutter SDK
就安装完了,并且需要注意的是
Flutter SDK
已经内置了
dart SDK
(它在
D:\Flutter\flutter\bin\cache\dart-sdk
) ,所以不需要单独安装
Dart SDK

二、安装配置 Android Studio

在安装前需要理清几点东西:

Android Studio
版本必须在 3.0 以上,安装步骤可以参照我之前写的文章
Java SDK
最好为 8,因为 Flutter 和 Java8 更贴近,这样可以避免更新
sdkmanager
时发生不必要的报错。

在安装好

Android Studio
后,我们需要配置一下之后要安装的
AVD
位置。同样是配置环境变量,新增一个环境变量

ANDOIRD_SDK_HOME=SDK文件目录/avd

然后,打开

Android Studio
,打开
AVD Mananger
,会自动在我们配置好的
AVD
文件目录中新建一个
.android
文件,我们之后安装的
AVD
将会在这个文件夹下(具体新建
AVD
的步骤,它会有向导,这里就不讲了)。
在这里插入图片描述
要用
Android Studio
开发
Flutter
,我们需要安装
Flutter
Dart
两个插件。点击右上角 File->Setting->Plugins->Marketplace。分别搜索
Flutter
Dart
Install
。然后重启
Android Studio

重启后,我们就可以创建

Flutter
应用了,点击右上角 File->New->New Flutter Project,然后根据向导完成创建过程。创建完后,打开项目中的
android/build.gradle
文件,修改两处代码(主要是把
Google
的地址换为阿里的镜像)。

buildscript {
    repositories {
    	// 第一处
        Maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.5.0'
    }
}
allprojects {
    repositories {
    	// 第二处
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}

然后,我们还得修改

SDK
gradle
,它在
D:\Flutter\flutter\packages\flutter_tools\gradle\flutter.gradle
,这里只需要修改一处。

repositories {
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
三、开发环境校对

最后,我们需要通过

flutter doctor
命令检测当前开发环境是否已经完善
在这里插入图片描述
显然,我这里是没有问题的,但是在刚第一次配置可能会遇到一个问题就是
Android toolchain
这个地方会提示
Android license status unknown
之类的错误。

这个时候我们需要先去更新

sdkmanager
,它会在
SDK
安装目录下的
tools/bin
目录下。我们在这个路径下打开终端,输入
sdkmanage --update
命令。然后,我们再在终端中输入
flutter doctor --android-licenses
命令。

最后,我们再通过

flutter doctor
命令检测,则会显示全部成功(当然,如果你不开模拟器和
Android Studio
就不会显示成功这两个)。
在这里插入图片描述
成功后,我们就可以通过
flutter run
命令运行我们之前创建的
Flutter
项目了(第一次运行需要耐心等待,大概会耗费5-8分钟的时间…)。
在这里插入图片描述
在这里插入图片描述


作者:WJCHumble


--结束END--

本文标题: Flutter——Android Studio下环境配置

本文链接: https://lsjlt.com/news/29116.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作