Flutter環境搭建

本文介紹mac上搭建Flutter環境

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

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

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

 

三、環境配置

　　進入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"

　　注：

　　　　一、Run source $HOME/.bash_profile to refresh the current window.

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

四、使用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.

 

五、安裝androidsudio的Flutter插件

 

　　

 

六、使用androidsudio創建Flutter項目

 

 

　　

 

　

 到此Futtler環境就搭建好了，但願可以幫助到您！附上成功的效果圖