Flutter(一) 环境准备

安装Flutter

在国内安装使用Flutter,首先阅读下这篇文章,由于国内网络大环境问题,需要提前进行一点配置。

在国内安装Flutter需要首先需要一个值得信任的国内镜像。在镜像上边保存着Flutter需要的依赖及相关库,包等。为了使用Flutter,需要使用一个备用存储位置,我们需要配置环境变量。
配置环境变量名:
PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL。

在windows系统中,需要在环境变量设置中添加:
PUB_HOSTED_URL : https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL : https://storage.flutter-io.cn

然后运行Git命令(前提是安装了GitBash工具):

git clone -b dev https://github.com/flutter/flutter.git Flutter
Flutter文件夹需要注意:文件夹存放的路径上不要出现空格,否则在IDE中进行工程创建后会有警告,SDK环境路径上存在分隔符。

在clone完成之后,即Flutter Sdk下载完毕,还需要配置Flutter环境: xxxx/Flutter/bin目录下。

重新打开一个命令行,在其中输入命令

flutter doctor

进行环境及缺失的依赖检查,并下载需要的依赖。
运行效果如下图:
运行命令flutter doctor

在环境及相关依赖检查完成之后,可以开始在Android Studio中进行创建工程行为。

注意:Android Studio 预览版中无法保证运行Flutter成功。因此需要使用稳定版AS,且需要3.0版本以上。

Android Studio中需要安装Flutter Plugin,Dart Plugin两个插件。

Dart SDK也需要手动安装,直接下载zip包免安装。

成功准备好IDE环境之后,就可以创建Flutter Project了,默认创建Flutter Application就可以了,按照IDE创建提示一直到最终完成。

* 需要注意:同样由于网络环境,直接运行Flutter Project是不可行的,UI会一直停留在Gradle正在初始化工程。这时需要修改build.gradle配置中的中央Maven库到一个可信赖的公共Maven库。 这里我修改成Ali的Maven库 *

buildscript {
    ext.kotlin_version = '1.1.51'
    repositories {
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
        google()
    }
    // ......
}

// ......

allprojects {
    repositories {
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public/' }
    }
    google()
}
// ......

然后再次sync工程,进行运行。

首个创建的Flutter Project工程结构如下:
flutter project结构

再来看看运行效果:
首个Flutter工程运行效果

至此,Flutter,Dart环境均准备结束了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

VoidHope

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值