文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Flutter——Android Studio下环境配置

2022-06-06 13:23

关注

引言

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

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


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯