【Flutter】Flutter 入门

Beautiful native apps in record time.

一、重要网址：

Flutter 中文网

Dart 起步

Flutter 布局

Flutter 教程

二、入门: 在macOS上搭建Flutter开发环境

2.1 配置镜像

在用户环境变量中添加如下变量：

## Flutter官方临时镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2.2 系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: macOS (64-bit)
• 磁盘空间: 700 MB (不包括Xcode或Android Studio的磁盘空间）.
• 工具: Flutter 依赖这些命令行工具：bash, mkdir, rm, git, curl, unzip, which

2.3 下载 SDK

Flutter SDK

安装到目标目录后，同时需要添加flutter相关工具到path中：

export PATH=$PATH:/Users/zhangkui/Documents/Futter/flutter/bin

2.4 运行 flutter doctor

flutter doctor

运行该命令查看是否需要安装其它依赖项来完成安装；

该命令检查您的环境并在终端窗口中显示报告。Dart SDK已经在捆绑在Flutter里了，没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

直到flutter doctor运行 success。Flutter开发环境便配置完成。

三、平台设置

macOS支持为iOS和Android开发Flutter应用程序。

3.1 iOS 设置

安装xcode,要为iOS开发Flutter应用程序，您需要Xcode 7.2或更高版本，配置Xcode命令行工具以使用新安装的Xcode版本 sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer 对于大多数情况，当您想要使用最新版本的Xcode时，这是正确的路径。如果您需要使用不同的版本，请指定相应路径；确保Xcode许可协议是通过打开一次Xcode或通过命令sudo xcodebuild -license同意过了.

其它操作基本同原生，不赘述。

3.2 Android设置

安装Android Studio，要为Android开发Flutter应用，您可以使用Mac，Windows或Linux（64位）机器.

Flutter需要安装和配置Android Studio，启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具，这是Flutter为Android开发时所必需的

设置您的Android设备，您需要安装Android 4.1（API level 16）或更高版本的Android设备.

默认情况下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。 如果您想让Flutter使用不同版本的Android SDK，则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录。

其它操作基本同原生，不赘述。

四、编辑器

推荐使用：Android Studio、IntelliJ或VS Code

五、初始化第一个Flutter项目

5.1 编辑器初始化及运行，参考各个编辑器；

5.2 命令行

• 初始化项目：flutter create myApp
• 获取项目所有的依赖包（只更新项目依赖包，不包括 Flutter SDK）：flutter package get
• 获取项目所有依赖包的最新版本（只更新项目依赖包，不包括 Flutter SDK）：flutter packages upgrade
• 运行项目：flutter run
• flutter release运行：flutter run --release
• 查询连接的设备：flutter devices
• 选择设备运行：flutter run -d deviceId
• 混合模式调试：flutter attach
• 删除lock 一般多个flutter命令会卡住 使用这个命令解锁：rm ./flutter/bin/cache/lockfile
• 升级 Flutter SDK（此命令会同时更新 Flutter SDK 和你的 Flutter 项目依赖包）：upgrade flutter