mac上搭建flutter開發環境並運行第一個程序

什麼是flutter

官方是這麼解釋的：Flutter是谷歌的移動UI框架，能夠快速在iOS和Android上構建高質量的原生用戶界面。 Flutter能夠與現有的代碼一塊兒工做。在全世界，Flutter正在被愈來愈多的開發者和組織使用，而且Flutter是徹底免費、開源的。（閒魚APP就是用的flutter）

1、安裝flutter

#切換到準備安裝flutter的目錄
cd project
#有兩種方法安裝flutter SDK
#一、使用git clone
git clone -b beta https://github.com/flutter/flutter.git
#二、直接在github下載壓縮包，下載地址https://github.com/flutter/flutter/releases
#在目錄下解壓zip文件
#配置環境
export PATH=`pwd`/flutter/bin:$PATH 
#若是下載太慢或者失敗，那麼須要先配置中國鏡像，而後再clone項目
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
#切換到項目目錄
cd ./flutter
flutter doctor

不出意外的話，應該會報錯，提示你安裝android studio、Xcode、install dart和flutter插件等。按照提示逐個安裝就行。
須要注意的是，你可能會碰見pod setup這個步驟，可是卻一直卡着進度條不動，快速的解決辦法是，打開手機熱點，mac鏈接手機的熱點進行下載安裝，5分鐘內可以安裝好（大小應該在500多M）

2、安裝android studio及插件

android studio 下載地址

打開android studio, 打開plugin

輸入flutter搜索，點擊中間的 Search in repositories

點擊install,順利的話安裝完畢以後重啓android studio

3、運行第一個項目

新建一個Flutter
打開android studio後 會看到可選項多了一個 Start a new Flutter project

建立成功後在終端中輸入open -a Simulator則能夠啓動ios模擬器，而後在android studio 控制檯中輸入 flutter run 就可以看到安卓真機和ios模擬器了

flutter run -d <設備id>就可以啓動對應的平臺了
如我這裏啓動ios模擬器就輸入

flutter run -d B21

和運行android項目同樣的操做流程，鏈接安卓真機後在手機上能看到默認的項目