本文介紹mac上搭建Flutter環境

1、Flutter官方提供中國鏡像地區地址：https://github.com/flutter/flutter/wiki/Using-Flutter-in-China

2、下載Flutter源碼 （官方建議下載beta分支）

git clone -b beta https://github.com/flutter/flutter.git

3、環境配置

　　進入home目錄 cd ~ ， open -e .bash_profile（沒有bash_profile文件，就創建一個touch .bash_profile）

　　export PUB_HOSTED_URL=https://pub.flutter-io.cn
　　export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
　　export PATH="/Users/MacBook/flutter/bin:$PATH"

　　註：其中/Users/MacBook/flutter/bin就是剛剛下載的Flutter的bin目錄

4、使用flutter doctor 命令進行安裝

cd ./flutter
flutter doctor稍等片刻就會出現如下界面就會安裝成功

Downloading Dart SDK from Flutter engine e3687f70c7ece72000b32ee1b3c02755ba5361ac...

% Total % Received % Xferd Average Speed Time Time Time Current

Dload Upload Total Spent Left Speed

100 87.9M 100 87.9M 0 0 4247k 0 0:00:21 0:00:21 --:--:-- 4945k

Building flutter tool...

╔════════════════════════════════════════════════════════════════════════════╗

║ Welcome to Flutter! - https://flutter.io ║

║ ║

║ The Flutter tool anonymously reports feature usage statistics and crash ║

║ reports to Google in order to help Google contribute improvements to ║

║ Flutter over time. ║

║ ║

║ Read about data we send with crash reports: ║

║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting ║

║ ║

║ See Google‘s privacy policy: ║

║ https://www.google.com/intl/en/policies/privacy/ ║

║ ║

║ Use "flutter config --no-analytics" to disable analytics and crash ║

║ reporting. ║

╚════════════════════════════════════════════════════════════════════════════╝

Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!

Downloading Material fonts... 0.6s

Downloading package sky_engine... 0.3s

Downloading common tools... 0.8s

Downloading darwin-x64 tools... 3.4s

Downloading android-arm-profile/darwin-x64 tools... 0.6s

Downloading android-arm-release/darwin-x64 tools... 0.7s

Downloading android-arm64-profile/darwin-x64 tools... 0.6s

Downloading android-arm64-release/darwin-x64 tools... 0.6s

Downloading android-x86 tools... 1.9s

Downloading android-x64 tools... 2.4s

Downloading android-arm tools... 1.2s

Downloading android-arm-profile tools... 0.9s

Downloading android-arm-release tools... 0.7s

Downloading android-arm64 tools... 1.1s

Downloading android-arm64-profile tools... 1.0s

Downloading android-arm64-release tools... 0.8s

Downloading ios tools... 4.3s

Downloading ios-profile tools... 3.7s

Downloading ios-release tools... 3.2s

Downloading Gradle Wrapper... 0.1s

Doctor summary (to see all details, run flutter doctor -v):

[?] Flutter (Channel beta, v0.6.0, on Mac OS X 10.12.6 16G1510, locale zh-Hans-CN)

[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)

! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

[?] iOS toolchain - develop for iOS devices

? Xcode installation is incomplete; a full installation is necessary for iOS development.

Download at: https://developer.apple.com/xcode/download/

Or install Xcode via the App Store.

Once installed, run:

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer

? Brew not installed; use this to install tools for iOS device development.

Download brew at https://brew.sh/.

[?] Android Studio (version 3.0)

? Flutter plugin not installed; this adds Flutter specific functionality.

? Dart plugin not installed; this adds Dart specific functionality.

[!] Connected devices

! No devices available

! Doctor found issues in 3 categories.

5、安裝androidsudio的Flutter插件

6、使用androidsudio建立Flutter項目

到此Futtler環境就搭建好了，希望能夠幫助到您！附上成功的效果圖

Flutter環境搭建