本文全程開(kāi)了ss
官網(wǎng)（中文網(wǎng)看了一下更新要比官網(wǎng)慢很多）：https://flutter.io/

image.png

GET STARTED 跳轉(zhuǎn)到教程

MAC

image.png

這里下載SDK壓縮包
解壓，我是解壓到Library，進(jìn)入Library文件夾

unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip

國(guó)內(nèi)有墻
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國(guó)內(nèi)用戶需要設(shè)置

添加到path

export PATH=`pwd`/flutter/bin:$PATH

打開(kāi)$HOME/.bash_profile，如果沒(méi)有就新建一個(gè)

vim $HOME/.bash_profile

下邊這一行添加到.bash_profile，PATH_TO_FLUTTER_GIT_DIRECTORY替換成自己flutter SDK解壓的路徑

export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH

保存

source $HOME/.bash_profile
echo $PATH

flutter自帶doctor檢查環(huán)境

flutter doctor

image.png

每個(gè)人電腦裝的開(kāi)發(fā)環(huán)境可能不一樣， 所以缺少的環(huán)境也會(huì)不同， 這里根據(jù)自己情況安裝

? Android license status unknown.

這個(gè)是安卓的許可證
運(yùn)行

flutter doctor --android-licenses

image.png

是安卓sdk需要更新，給了提示
運(yùn)行

image.png

一路點(diǎn)y，然后是十幾分鐘的等待
再運(yùn)行一次

flutter doctor

image.png

發(fā)現(xiàn)雖然更新了SDK， 但還是有問(wèn)題

flutter doctor --android-licenses

一路y, 這個(gè)問(wèn)題解決了。
把有提示的都安裝好，有的時(shí)間會(huì)長(zhǎng)一點(diǎn)

接下來(lái)是這個(gè)

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

打開(kāi)android studio => Configure => Plugins

image.png

搜索flutter

image.png

重啟android studio

image.png

image.png

flutter doctor

image.png

環(huán)境搭建完畢

第一個(gè)flutter

android studio

image.png

image.png

選擇 Flutter Application，next

image.png

Flutter SDK path是最開(kāi)始下載的SDK壓縮包解壓的路徑， 我的在Library里
Project location是新建項(xiàng)目路徑

image.png

image.png

選擇一個(gè)模擬器打開(kāi)，點(diǎn)綠色的三角跑起來(lái)

image.png

命令行

flutter create myapp

image.png

打開(kāi)模擬器

open -a Simulator

進(jìn)到項(xiàng)目目錄

cd myapp
flutter run

image.png

image.png