Flutter简单介绍
Flutter 是 Google 开源的运用开发框架，仅经过一套代码库，就能构建精美的、原生渠道编译的多渠道运用。
Flutter的几个特色：漂亮、快速、高效、敞开。
- 漂亮：
运用Flutter内置美丽的Material Design和Cupertino widget、丰厚的motion API、平滑而天然的滑动效果和渠道感知，为您的用户带来全新体验。
- 快速：
Flutter 的 UI 烘托性能很好。在出产环境下，Flutter 将代码编译成机器码履行，并充分利用 GPU 的图形加快能力，因而运用 Flutter 开发的移动运用即便在低配手机上也能实现每秒 60 帧的 UI 烘托速度。
Flutter 引擎运用 C++ 编写，包括高效的 Skia 2D 烘托引擎，Dart 运转时和文本烘托库。
- 高效：
Hot Reload (热重载) ，在前端现已不是什么新鲜的东西，但在移动端之前一直是没有的
- 敞开：
Flutter 是敞开的，它是一个彻底开源的项目。
建立Flutter开发环境
下载Flutter SDK
无论是MacOS还是Windows操作体系，首要都是下载Flutter SDK，直接解压即可。
装备环境变量
这儿需求装备两个变量，一个Flutter环境变量，另一个是Dart的环境变量
自 Flutter 1.19.0 dev 版别开始，Flutter SDK 在
flutter指令脚本的同级目录下增加了dart指令，你能够更方便地运转 Dart 指令行程序。下载 Flutter SDK 时也会下载对应版别的 Dart SDK
Windows操作体系的环境变量装备
镜像装备
fluter项目会依靠一些东西，在国内下载这些依靠会有一些慢，所以咱们能够将它们的装置源换成国内的(也就是设置国内的镜像）
新建变量PUB_HOSTED_URL，其值为pub.flutter-io.cn
新建变量FLUTTER_STORAGE_BASE_URL，其值为storage.flutter-io.cn
MacOS操作体系的环境变量装备
- 终端 进入到
~/.bash_profile文件 - 添加flutter环境变量
export PATH=$PATH:/flutter目录/bin - 添加dart环境变量
export PATH=$PATH:/flutter目录/bin/cache/dart-sdk/bin
运用flutter --version验证
假如不生效，运用
source ~/.bash_profile让这个文件在装备后当即生效
开发东西选择
在此之前先说一下模拟器的运用，咱们能够运用模拟器来运转调试项目，分为ios模拟器和安卓模拟器，不是直接在电脑里面装置模拟器，而是利用开发东西，在开发东西里面创立对应的模拟器。
- MacOS体系中能够运用Xcode东西，而且创立ios模拟器来调试项目；假如想调试安卓就运用Android Studio东西，运用AVD Manager创立安卓模拟器从而调试项目。
- Windows体系中只能运用Android Studio东西创立安卓模拟器从而调试项目。
先创立一个Flutter项目
flutter create helloflutter
创立成功之后假如直接运用flutter run来发动项目是不会成功的，控制台显现如下信息，因为没有选择模拟器
Connected devices:
Windows (desktop) • windows • windows-x64 • Microsoft Windows [版别 10.0.19045.3208]
Chrome (web) • chrome • web-javascript • Google Chrome 114.0.5735.199
Edge (web) • edge • web-javascript • Microsoft Edge 114.0.1823.82
[1]: Windows (windows)
[2]: Chrome (chrome)
[3]: Edge (edge)
Please choose one (or "q" to quit):
Android Studio运用
这儿介绍Windows体系中Android Studio东西的运用
- 先下载并装置Android Studio
- 运转 Android Studio，并进入 ‘Android Studio Setup Wizard’，这会装置最新的 Android SDK， Android SDK Platform-Tools 以及 Android SDK Build-Tools，这些都是在开发 Android Flutter 运用时所需求的。
- 装置插件
Flutter、Dart(依次点击：File>Settings>Plugins)
- 装备
flutter和dart SDK路径
- 创立一个模拟器设备
1、先选择设备定义（device definition）
2、再选择体系映像（system image）
FAQ：假如你的电脑是AMD处理器，体系映像时会有报错：Android Emulator Hypervisor Driver For AMD Processors is not installed
原因在于Android studio关于AMD R系列处理器的支撑度不如intel CPU
S：终端中运转systeminfo，检查固件中已启用虚拟化这一项是否开启，这儿需求开启virtualization technology虚拟化技能，拜访UEFI（或BIOS）进行修正
3、最后进行一些验证装备
4、finish(创立完成之后重启一下Android Studio)
- 运转
flutter doctor检测flutter项目装备并检查相应的版别信息，这儿记载一些问题
❌Unable to locate Android SDK. 需求装备一下Android ADK的环境变量
重启电脑
❌cmdline-tools component is missing 未检查到 cmdline-tools东西，在SDK manager中装置
❌Android license status unknown. 同意 Android 协议
然后履行 flutter doctor --android-licenses ，就能够很简单地完善你的环境的装备。
❌Visual Studio not installed; this is necessary for Windows development. 装置一下Visual Studio
- 项目调试
先翻开一个模拟器，点击Actions按钮，翻开之后运转
flutter run，项目运转成功是一个计数器事例。
macos开发者建议运用vscode或许Android Studio开发flutter项目，下载Xcode调试ios设备
-
下载Xcode
-
装备 iOS 模拟器
假如想要在 iOS 模拟器中运转和测验 Flutter 运用，先履行如下指令将模拟器翻开
$ open -a Simulator
之后cd到flutter项目目录下，运转flutter run就能够将项目运转至ios模拟器中，还将为你建立一个本地服务用于调试
