系统要求
由于作者电脑为MACOS系统,所以这里只讲MACOS系统的集成
操作系统: macOS (64-bit)
磁盘空间: 700 MB
(不包括Xcode或Android Studio的磁盘空间)
工具: Flutter
依赖下面这些命令行工具:
bash
,mkdir
, rm
, git
, curl
, unzip
, which
获取Flutter SDK
点击跳转Flutter SDK获取地址
这里官网给出两种集成Flutter SDK方式:
1、下载安装包
2、git clone
这里推荐用 安装包
的形式集成SDK
由于安装包比较大,有400mb,作者第一次集成使用的是git clone的方式,之后的各种问题不断,就删除项目,改用安装包的形式,结果一次成功,所以这里推荐使用安装包集成
配置环境变量
1、打开Terminal(终端)
2、输入vim ~/.bash_profile
(若没有该文件,请先创建)
3、设置PATHexport PATH=集成的Flutter SDK的所在的路径/flutter/bin:$PATH
4、输入:wq
//保存并退出
5、修改立即生效source ~/.bash_profile
6、查看环境变量的值echo $PATH
运行 flutter doctor
这里检查Flutter 开发环境是否完善
运行之后,会出现检查结果,例如:
[-] Android toolchain - develop for Android devices
• Android SDK at /Users/obiwan/Library/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.
带有✗的部分按照提示修复即可
下方为全部修复好的提示
[✓] Flutter (Channel dev, v0.11.0, on Mac OS X 10.14 18A391, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[✓] iOS toolchain - develop for iOS devices (Xcode 10.1)
[✓] Android Studio (version 3.2)
[✓] IntelliJ IDEA Community Edition (version 2018.2.5)
[✓] Connected device (3 available)
• No issues found!
至此,就可以开开心心的玩耍了
另外,若被墙请添加如下环境变量
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
开发工具
其实作者接触过 android
开发,所以优先考虑 android studio
android studio
怎样变成Flutter开发工具呢?
只需在Plugins添加Flutter插件,重启 android studio
,然后android studio
摇身一变,就成为了Flutter开发工具
结束
至此,基于 android studio
的 Flutter
的开发环境已经集成完毕,下一节可能会集成 滑动列表
进来,毕竟这是APP最常用的控件之一了