Flutter安装和初步体验

3 篇文章 0 订阅
1 篇文章 0 订阅

安装步骤:

一:获取Flutter SDK
  1. 去flutter官网下载其最新可用的安装包,点击下载
  2. 将安装包zip解压到你想安装Flutter SDK的路径;
  3. 在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行;
二:配置环境变量
  1. 找到“控制面板>用户帐户>用户帐户>更改我的环境变量>用户变量”;
  2. "Path"项中添加flutter SDK 的bin目录;
  3. 添加 PUB_HOSTED_URL ---------------https://pub.flutter-io.cn
  4. 添加 FLUTTER_STORAGE_BASE_URL---------------https://storage.flutter-io.cn
三:运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令

flutter doctor

该命令检查您的环境并在终端窗口中显示报告。

[-] Android toolchain - develop for Android devices
    • Android SDK at D:\Android\sdk
    ✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    • Try re-installing or updating your Android SDK,
      visit https://flutter.io/setup/#android-setup for detailed instructions.
四:编辑器设置
安装Android Studio
  1. 下载并安装 Android Studio.
  2. 启动Android Studio,然后执行“Android Studio安装向导”。这将安装最新的Android SDK,Android SDK平台工具和Android SDK构建工具,这是Flutter为Android开发时所必需的
设置Android模拟器
  1. Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device
  2. 选择机型在这里插入图片描述
  3. 选择镜像模拟器的配置
    在这里插入图片描述
  4. 完成
五:初步体验
Android Studio 创建新应用
  1. 选择 File>New Flutter Project;
  2. 选择 Flutter application 作为 project 类型, 然后点击 Next;
  3. 输入项目名称 (如 myapp), 然后点击 Next;
  4. 点击 Finish;
  5. 等待Android Studio安装SDK并创建项目.;
运行应用程序
  1. 定位到Android Studio 工具栏:
    在这里插入图片描述
  2. 在工具栏中点击 Run图标
  3. 如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:
    在这里插入图片描述
体验热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值