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