Flutter学习(一) 搭建Flutter开发环境

1. 环境要求

Git for Windows

Android Studio

2. 添加环境变量

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中:

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

在这里插入图片描述
在这里插入图片描述
注意: 此镜像为临时镜像,并不能保证一直可用,Using Flutter in China 以获得有关镜像服务器的最新动态。

3. 获取Flutter SDK

在D盘或者E盘根目录打开 cmdpowershell 或者 git bash 执行下面命令

git clone https://github.com/flutter/flutter.git -b stable flutter

克隆完成后,在环境变量 path 后追加 E:\flutter\bin, 然后打开新的cmd窗口执行下面命令

flutter doctor

4. Android Studio 下开发

安装flutter插件

在这里插入图片描述
在这里插入图片描述

新建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

修改android/build.gradle仓库地址为阿里官方仓库

在这里插入图片描述

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' }
新建AVD Manager

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
选择第一个点击download
在这里插入图片描述
点击finish完成创建,并启动项目
在这里插入图片描述
启动成功
在这里插入图片描述

4. vscode 下开发

新建项目

cmd下运行flutter create demo002
在这里插入图片描述
如图所示即表示创建完成,用vscode打开该目录并安装flutter插件
在这里插入图片描述
修改android/build.gradle仓库地址为阿里官方仓库
在这里插入图片描述

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' }

选择刚才在AS中创建的AVD Manager
在这里插入图片描述
`Ctrl+Shift+``打开终端,运行

flutter run

出现如下输出时,表示启动成功
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值