欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Flutter环境搭建

程序员文章站 2022-05-29 20:24:40
...

环境安装

获取Flutter SDK

git clone -b beta https://github.com/flutter/flutter.git
export PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户需要设置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户需要设置
export PATH=`pwd`/flutter/bin:$PATH

设置环境变量

  • 用户变量下的Path条目中添加fullter\bin的全路径
  • 检查用户变量下是否有”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的条目的条目,没有则添加

运行flutter doctor

运行以下命令

flutter doctor

第一次运行flutter命令会下载自己的依赖并自行编译

Flutter for Android

在Android Studio中安装以下两个插件

  • Dart插件:提供代码分析(输入代码时进行验证、代码补全等)
  • Flutter插件:支持Flutter开发工作流,包括运行、调试、热重载等

Flutter初体验

创建新应用

  1. File-> New Flutter Project
  2. 选择Flutter application,点击Next
  3. 输入项目名称,点击Next
  4. 点击Finish等待完成创建(可选择支持kotlin或swift支持)

项目创建完成会提供一个简单的演示程序

运行应用程序

Flutter环境搭建
选择要运行的设备,点击run图标,会在设备上看到以下运行结果
Flutter环境搭建

热重载

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

  • 将字符串“You have pushed the button this many times:”更改为“Hello Flutter”
  • 要查看更改的内容,点击热重载按钮(闪电图标)就会立刻看到更新后的内容