安卓开发学Flutter——安装与构建环境的一些注意点(第一篇)

简介: Flutter是多平台开发的利器,我在半年前和技术交流群就接触到了,但一直没有去主动学习,但为了未来的长足发展,还是去认真学习一下

前言

Flutter是多平台开发的利器,我在半年前和技术交流群就接触到了,但一直没有去主动学习,但为了未来的长足发展,还是去认真学习一下,下面我们就从安装和部署环境开始,本教程是我亲自实践所得,可能具有时效性,如果失效,请关注官网的教程(flutter.cn/docs/get-st… ,本教程基于Windows平台。

正篇

安装Android Studio

安卓开发当然少不了Android Studio,这第一步就先省略了,下面默认有Android Studio。

下载Flutter包

首先,本人是使用GitHub去获取最新的Flutter包的(flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond (github.com)),当然你也可以在官网下载最新的包(在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter),个人感觉GitHub的GitHub Desktop软件还是很好用的,

这是我拉取的,选择的stable分支:


网络异常,图片无法展示
|


首先,先在GitHub网站上复制URL


网络异常,图片无法展示
|


然后选择克隆库,将复制的URL粘贴上,再选好本地存储位置


网络异常,图片无法展示
|

网络异常,图片无法展示
|


最后选择克隆即可,当然使用git拉取也行,如果你更熟悉Git命令或者喜欢用其他方式也可,只要最终可以获取到代码资源。

配置环境

成功获取到代码后再去你选择存储的地方找到flutter的bin路径复制下来


网络异常,图片无法展示
|


然后在设置中系统这一栏找到系统信息点击打开,找到高级系统设置打开


网络异常,图片无法展示
|


选择环境变量


网络异常,图片无法展示
|


找到系统变量的Path这栏,点击选中然后点击编辑:


网络异常,图片无法展示
|


再把我们刚刚复制的flutter的bin路径新建复制进去,最后全部选择确定即可。


网络异常,图片无法展示
|


我们在Win+R 中输入cmd回车,然后在窗口输入命令

where flutter dart

网络异常,图片无法展示
|


这一步要是出现问题,如下,同时官方给出解决方法:


网络异常,图片无法展示
|


接下来官网叫我们利用flutter命令flutter doctor,但一般会出现几个X的地方:


网络异常,图片无法展示
|


通过查阅相关博客,已有解决方法: 1.配置用户环境变量,因为国内有些限制访问不了,所以要配置国内的:

变量名:FLUTTER_STORAGE_BASE_URL
变量值:https://storage.flutter-io.cn
变量名:PUB_HOSTED_URL
变量值:https://pub.flutter-io.cn

网络异常,图片无法展示
|


还有这一步:找到Flutter文件夹里面这一路径: ...\flutter\packages\flutter_tools\lib\src, 然后找到文件http_host_validator.dart:


网络异常,图片无法展示
|


右键选择编辑: 如果有编辑器可以选择编辑器,没有选择打开方式使用更多方式的记事本也可


网络异常,图片无法展示
|

网络异常,图片无法展示
|


然后和上面两个添加用户变量一样,将这个文件内容相应默认配置替换:


网络异常,图片无法展示
|

import 'dart:async';
import 'base/io.dart';
import 'base/platform.dart';
import 'doctor_validator.dart';
import 'features.dart';
// Overridable environment variables
//---------------------------------------------------替换
const String kEnvPubHostedUrl = 'PUB_HOSTED_URL';
const String kEnvCloudUrl = 'FLUTTER_STORAGE_BASE_URL';
//---------------------------------------------------替换
const String kDoctorHostTimeout = 'FLUTTER_DOCTOR_HOST_TIMEOUT';
/// Common Flutter HTTP hosts.
//---------------------------------------------------替换
const String kPubDevHttpHost = 'https://pub.flutter-io.cn/';
const String kgCloudHttpHost = 'https://storage.flutter-io.cn/';
//---------------------------------------------------替换
/// MacOS specific required HTTP hosts.
const List<String> macOSRequiredHttpHosts = <String>[
  'https://cocoapods.org/',
];
/// Android specific required HTTP hosts.
List<String> androidRequiredHttpHosts(Platform platform) {
  return <String>[
    // If kEnvCloudUrl is set, it will be used as the maven host
    if (!platform.environment.containsKey(kEnvCloudUrl))
    //---------------------------------------------------替换
      'https://dl.google.com/dl/android/maven2/',
      //---------------------------------------------------替换

此外,maven的地址也需替换,已在上面代码和图中标注

2.安装Android Studio的插件


网络异常,图片无法展示
|


这里顺便把必备的Flutter安装,一般会默认让你确定是否安装Dart,我们选择一起安装


网络异常,图片无法展示
|


然后不急着重启AS,我们先在Settings里的搜索框搜索SDK,在SDK Tools里下载:


网络异常,图片无法展示
|


完成后重启AS

3.这时候可以在AS的Teminal控制台中直接flutter doctor


网络异常,图片无法展示
|


如果出现:

Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

这表示有部分协议未同意,要确认,直接在控制台输入以下内容,然后一路选y即可:

flutter doctor --android-licenses

如果没安装CHrome和Visual Studio不影响使用Android端开发,如果需要Web和Windows软件开发,那需要下载VS的C++桌面开发套件:


网络异常,图片无法展示
|
网络异常,图片无法展示
|


完成了这些,最后就可以在AS中新建Flutter项目了:


网络异常,图片无法展示
|

网络异常,图片无法展示
|

网络异常,图片无法展示
|

总结

时间荏苒,我也开启了自己的Flutter之旅,不过之前一些文章的坑还没填完,估计还得填很久,不过凡事开头难,相信自己一定可以在这条路学下去的。

相关文章
|
2天前
|
安全 Android开发 开发者
探索安卓开发的未来:Kotlin的崛起与Flutter的挑战
在移动开发的广阔天地中,安卓平台始终占据着举足轻重的地位。随着技术的不断进步和开发者需求的多样化,Kotlin和Flutter成为了改变游戏规则的新玩家。本文将深入探讨Kotlin如何以其现代化的特性赢得开发者的青睐,以及Flutter凭借跨平台的能力如何挑战传统的安卓开发模式。通过实际案例分析,我们将揭示这两种技术如何塑造未来的安卓应用开发。
17 6
|
2天前
|
人工智能 Android开发 iOS开发
安卓与iOS开发:平台选择的艺术
在移动应用开发的广阔天地里,安卓和iOS两大操作系统各占半壁江山。本文将深入探讨这两个平台的开发环境、工具及市场趋势,帮助开发者在选择适合自己项目的平台时做出更明智的决策。通过比较各自的优势与局限,我们不仅能更好地理解每个系统的核心特性,还能洞察未来技术发展的脉络。无论你是刚入行的新手还是资深开发者,这篇文章都将为你提供有价值的参考和启示。
14 5
|
2天前
|
开发工具 Android开发 iOS开发
安卓与iOS开发:一场操作系统的较量
在数字时代的浪潮中,安卓和iOS这两大操作系统如同海上的两艘巨轮,各自承载着不同的使命与梦想。本文将深入浅出地探讨这两个系统在开发领域的异同,从用户体验、开发工具、市场趋势等多个维度进行比较分析。通过这场技术的较量,我们可以更好地理解每个系统的优势与局限,以及它们如何影响我们的日常生活和工作。
|
3天前
|
移动开发 开发工具 Android开发
安卓与iOS开发:平台差异及其对开发者的影响
在移动开发的大潮中,安卓和iOS两大阵营各领风骚。本文将探讨这两个平台的关键差异,包括开发环境、编程语言、用户界面设计、应用分发以及商业模式等方面。通过比较分析,我们旨在为开发者提供一个清晰的指导,帮助他们根据项目需求和个人偏好做出明智的平台选择。同时,文章也将分享一些跨平台开发工具的使用经验,以期最大化开发效率和市场覆盖。
|
2天前
|
调度 Android开发 开发者
探索安卓开发中的新技术:Kotlin协程
【9月更文挑战第9天】本文将深入探讨Kotlin协程在安卓开发中的应用,揭示其如何优雅地处理异步任务。我们将从基础概念入手,逐步深入到实际开发场景,最后通过代码示例直观展示协程的魔力。无论你是初学者还是有经验的开发者,这篇文章都将为你打开一扇通往更高效、更简洁代码的大门。
|
3天前
|
开发工具 Android开发 iOS开发
探索安卓与iOS开发的差异:构建未来应用的关键考量
在数字时代的浪潮中,安卓和iOS这两大操作系统如同双子星座般耀眼夺目,引领着移动应用的潮流。它们各自拥有独特的魅力和深厚的用户基础,为开发者提供了广阔的舞台。然而,正如每枚硬币都有两面,安卓与iOS在开发过程中也展现出了截然不同的特性。本文将深入剖析这两者在开发环境、编程语言、用户体验设计等方面的显著差异,并探讨如何根据目标受众和项目需求做出明智的选择。无论你是初涉移动应用开发的新手,还是寻求拓展技能边界的资深开发者,这篇文章都将为你提供宝贵的见解和实用的建议,帮助你在安卓与iOS的开发之路上更加从容自信地前行。
|
8天前
|
存储 Android开发 开发者
探索安卓开发之旅:从新手到专家的必经之路
【9月更文挑战第3天】在这篇文章中,我们将踏上一场激动人心的旅程,深入探索安卓开发的广阔天地。无论你是初涉编程世界的新手,还是期望提升技能的开发者,这里都有你需要的知识与技巧。我们将从基础概念讲起,逐步引导你了解安卓应用的核心组件,并分享实用的开发建议。准备好了吗?让我们一起开启这段成长之旅吧!
|
监控 测试技术 Android开发
解放双手——Android的自动化构建及发布
在一个App从开发到测试的过程中,我有很长一段时间都是这样做的:打包,上传到tower,在tower上编写本次更新说明,通知测试。一般情况下,打包及上传的过程大概也就2分钟。除此之外,由于项目代码有作混淆,并且使用了bugly,因此在发出每个版本之后还需要将混淆的mapping.txt传到bugly上。
1560 0
|
4天前
|
Java 开发工具 Android开发
安卓与iOS开发:平台选择对项目成功的影响
在移动应用开发的浩瀚宇宙中,安卓和iOS两大星系璀璨夺目,各自拥有独特的光芒。本文将穿梭于这两个平台之间,探讨它们在开发环境、用户群体、成本效益等方面的差异,以及这些差异如何影响一个项目的航向和终点。我们将从初学者的视角出发,逐步深入,揭示选择合适平台的重要性,以及如何根据项目需求做出明智的选择。无论你是即将启航的新手开发者,还是已经在这片星海中航行的老手,这篇文章都将为你提供有价值的导航信息。
14 2
|
6天前
|
搜索推荐 Android开发 开发者
探索安卓开发中的自定义控件
【9月更文挑战第5天】在安卓开发的海洋中,自定义控件如同一艘精致的小船,让开发者能够乘风破浪,创造出既独特又高效的用户界面。本文将带你领略自定义控件的魅力,从基础概念到实战应用,一步步深入理解并掌握这一技术。

热门文章

最新文章