第一个Flutter应用

第一个Flutter应用

参考:

https://flutter.cn/docs/get-started/install/windows

https://mirrors.tuna.tsinghua.edu.cn/help/flutter/

系统环境

  • Windows 7 SP1 或更高的版本(基于 x86-64 的 64 位操作系统)
  • Git for Windows https://git-scm.com/downloads

获取Flutter SDK

下载:https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_1.22.6-stable.zip

解压到D:\flutter目录下

设置环境变量

Path 中添加 D:\flutter\bin
FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub

android SDK

在这里插入图片描述

flutter doctor

flutter doctor --android-licenses
# 之后输入y接受协议
# 自检,并安装依赖
flutter doctor

前两个打✔就行。

在这里插入图片描述

项目创建

# 项目创建于E:\work\flutter\demo下
flutter create demo

Vscode插件

安装Flutter插件,Dart插件会自动安装。

在这里插入图片描述

Vscode打开项目,修改android\build.gradle文件:

有两处需要修改

repositories {
    // google()
    // jcenter()
    maven { url 'https://maven.aliyun.com/repository/google' }
    maven { url 'https://maven.aliyun.com/repository/jcenter' }
    maven { url 'https://maven.aliyun.com/repository/public' }
}

调试

打开手机的调试模式,用数据线连接电脑。

Vscode中打开lib\main.dart

在这里插入图片描述

单击Run或者Debug运行demo工程。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值