1、安裝JDK

• JDK（Java Development Kit）：是Java語(yǔ)言的軟件開(kāi)發(fā)工具包（即SDK），在JDK的安裝目錄下有一個(gè)jre目錄，里面有兩個(gè)文件夾bin和lib，
  • 在這里可以將bin認(rèn)為是jvm，
  • lib中則是jvm工作所需的類(lèi)庫(kù)
  • jvm+lib 合起來(lái)就稱為jre
• JRE（Java Runtime Environment，java運(yùn)行環(huán)境）：包含JVM標(biāo)準(zhǔn)實(shí)現(xiàn)以及Java核心類(lèi)庫(kù)。JRE是java運(yùn)行環(huán)境，并不是一個(gè)開(kāi)發(fā)環(huán)境，所以不包含任何開(kāi)發(fā)工具（例如編譯器、調(diào)試器）
• JVM（Java Virtual Machine，java虛擬機(jī)）：是一種用于計(jì)算設(shè)備的規(guī)范，是一個(gè)虛構(gòu)出來(lái)的計(jì)算機(jī)，是通過(guò)在實(shí)際的計(jì)算機(jī)上仿真模擬各種計(jì)算機(jī)功能來(lái)實(shí)現(xiàn)的

JDK下載鏈接

下載圖示

下載完成后，直接點(diǎn)擊安裝包一步一步安裝即可

配置JDK環(huán)境變量

安裝完JDK后，還需要配置相關(guān)環(huán)境變量

• 1、進(jìn)入jdk的安裝目錄：/Library/Java/JavaVirtualMachines/目錄，如下所示
  
  jdk目錄圖示
• 2、在.bash_profile 或者 .zshrc中配置如下環(huán)境變量，博主目前是配置在.zshrc，完成后執(zhí)行source ~/.zshrc指令使配置生效。也可以使用java -version命令查看配置是否生效

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_172.jdk/Contents/Home
export JAVA_HOME
export PATH=$PATH:$JAVA_HOME

2、安裝 Android Studio

Android Studio是安卓開(kāi)發(fā)和調(diào)試工具

• 官方下載地址：需翻墻
• 國(guó)內(nèi)下載地址

安裝包下載完成后，直接雙擊Android Studio打開(kāi)，將其拖入到Application中，然后點(diǎn)擊next...，最后會(huì)進(jìn)入下載界面，等待下載完成即可（注意：這里的下載也是需要翻墻的）

配置

configue - plugins - flutter，安裝Flutter插件

3、下載Flutter SDK

• 方式1：官方網(wǎng)站下載
• 方式2：git

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

注：放置的路徑由自己決定，博主是放在/Users/cjl/flutter

配置Flutter環(huán)境變量

同樣的需要在 ./zshrc中配置環(huán)境變量，配置完成后執(zhí)行source ~/.zshrc

#Flutter 鏡像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

#Flutter 配置
export FLUTTER=/Users/cjl/flutter/bin
export PATH=$FLUTTER:$PATH

接下來(lái)，通過(guò)flutter doctor檢測(cè)指令，專門(mén)用于檢測(cè)flutter環(huán)境，如下所示

檢查flutter環(huán)境

• 解決 android-license 問(wèn)題

flutter doctor --android-licenses

然后一直選擇y

• 解決 Xcode installation is incomplete; a full installation is necessary for iOS development.問(wèn)題

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

sudo xcodebuild -runFirstLaunch

最后全部安裝配置的圖示如下

配置完成圖示

到此，flutter環(huán)境配置就完成了，??ヽ(°▽°)ノ?