李世德的博客

我有故事,你有酒吗?

0%

Flutter 初尝:搭建 Flutter 开发环境

Flutter 初尝:搭建 Flutter 开发环境

《Flutter实战》
Flutter中文网

获取 Flutter SDK

学习和使用可按照 Flutter 中文网 教程进行,但是在安装过程中发现,使用 flutter 项目下载的 release 包安装后会报以下错误:

1
2
3
4
Error: The Flutter directory is not a clone of the GitHub project.
The flutter tool requires Git in order to operate properly;
to set up Flutter, run the following command:
git clone -b beta https://github.com/flutter/flutter.git

解决方案:

  1. 在 flutter 目录执行 git init不推荐
  2. 按官方推荐 git clone -b beta https://github.com/flutter/flutter.git 使用 beta 分支。

    这个仓库的拉取真的「看命」,有时候下载超慢,刚开始下载了 N 多次都失败了,今早来下载速度非常快。祝你好运!

以上仅是我遇到的情况,不代表官网的步骤有问题。主要步骤还是按照官网介绍进行哦。

总结一下安装流程(macOS)。

  • 下载 SDK
    终端路径切换至 Applications,运行:
    git clone -b beta https://github.com/flutter/flutter.git

  • 配置 flutter

    终端输入:open ~/.bash_profile,配置 Flutter 路径

    1
    2
    3
    export PUB_HOSTED_URL=https://pub.flutter-io.cnexport
    FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnexport
    PATH=$PATH:/Applications/flutter/bin
  • 更新配置的环境变量 source ~/.bash_profile

  • 验证

    终端输入 flutter -h,没有提示该命令找不到,则配置成功。会自动安装一些 Flutter 依赖等。也有可能需要重启系统,那就重启后再试。

  • 运行 flutter doctor 命令

    命令行输入 flutter doctor,安装 Futter 剩余依赖项。

    有报红的,按照提示一个一个的解决。

    在 Windows 上运行出现 Unkonwn operating system. Cannot install Dart SDK.

    解决办法:到 flutter/bin 目录,打开命令行,运行 flutter.bat doctor,而非 flutter doctor 则会出现下载相关依赖的操作,以后就可以用 flutter doctor 了。

IDE 配置与使用

接下来再进行 IDE 的安装与配置,安装 Android Studio、安装 Xcode、安装 Flutter 插件,这些过程就不赘述了,相信它们已经存在于你的电脑上了。也可以使用 VS Code 编辑器进行开发和调试,同样安装 Flutter 插件即可。

创建 Flutter 应用,连接真机或模拟器设备,就可以运行和调试 Flutter 应用了。热重载是超棒的体验!