搭建Flutter环境

2018-11-12  本文已影响0人  欧阳铁柱

官方教程请点击这里

系统要求


由于作者电脑为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、设置PATH export 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 studioFlutter 的开发环境已经集成完毕,下一节可能会集成 滑动列表 进来,毕竟这是APP最常用的控件之一了

上一篇 下一篇

猜你喜欢

热点阅读