阅读 536

2.带你迈出Flutter开发的第一步

目录传送门:《Flutter快速上手指南》先导篇

本篇教程是以 MacOS 为基础的,且假设你已经安装好了 Android 和 iOS 的开发环境。

1.安装 Flutter SDK

Windows 用户 | Linux 用户

  1. 点击此处 ,下载 Flutter 的压缩包。

    你可以 点击此处 ,查看最新的 SDK 版本。

  2. 解压 Flutter 到你熟悉的路径下,例如:

 cd ~/development

 unzip ~/Downloads/flutter_macos_v1.0.0-stable.zip
复制代码
  1. 添加 Flutter 工具到你的环境中。

    export PATH="$PATH:`pwd`/flutter/bin"
    复制代码

    tips:建议将以上环境变量添加到 .bash_profile 中,这样就不用每次执行了。

现在,你可以开始执行 Flutter 的命令了。

2.检测 Flutter 开发环境

运行以下命令,以检测 Flutter 开发环境:

 flutter doctor
复制代码

运行以上命令,可以自动检测你的 Flutter 开发环境是否已经准备好了。

而且能够提示你该如何完善你的 Flutter 发开环境,真是像你小时候照顾你的的保姆一样贴心。

2.1 配置 Android 开发环境

  1. 下载 Android SDK

    这有一个简单的方法,让你可以更快的下载 Android SDK,就是你可以先下载好 AndroidStudio ,它会引导你准备好一切开发 Android 所需的。

    后续的 Flutter 开发工作,也将在 AndroidStudio 中进行。它十分的方便!👍

    点击此处,下载 AndroidStudio。

    进入 AndroidStudio 设置页:

    在此处下载 SDK:

  2. 配置 Android 环境变量。

    Flutter 需要通过环境变量来找到 Android 的 SDK,所以你需要把它的位置配置到 .bash_profile 中。

    如果你没有这个文件,可以通过以下命令创建它:

    touch ~/.bash_profile
    复制代码

    接着,打开这个文件:

    open ~/.bash_profile
    复制代码

    添加 Android 的环境变量:

    export ANDROID_HOME=你的 Android Sdk 的路径
    export PATH=${PATH}:$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools
    复制代码

    tips:你可以在上图中 AndroidStudio 的 SDK 管理页面查看你机器上的 sdk 路径。

    保存修改后,通过以下命令让配置生效:

    source ~/.bash_profile
    复制代码
  3. 安装 Flutter 和 Dart 插件

    进入 AndroidStudio 的 Plugin 管理界面:

    搜索 Flutter 和 Dart 插件,下载好后,重启 AndroidStudio。

2.2 配置 iOS 开发环境

  1. 下载 Xcode。你可以直接在 AppStore 中下载。

  2. 根据检测提示,一行一行的执行命令即可(不要怀疑🤨,就是怎么简单)。

恭喜你!现在你可以使用 Flutter 同时进行 Android 和 iOS 的开发了 😄

目录传送门:《Flutter快速上手指南》先导篇

如何找到我?

传送门:CoorChice 的主页

传送门:CoorChice 的 Github