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

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

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

1.安装 Flutter SDK

Windows 用户 | Linux 用户github

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

    你能够 点击此处 ,查看最新的 SDK 版本。windows

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

cd ~/development

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

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

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

如今,你能够开始执行 Flutter 的命令了。post

2.检测 Flutter 开发环境

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

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

相关文章
相关标签/搜索