[TOC]
--“工欲善其事必先利其器”
前言
Flutter的配置主要分兩部分
- 環(huán)境配置：sdk总放、jdk、Android sdk好爬，路徑設(shè)置等间聊；
- 開(kāi)發(fā)工具：Android Studio。眾所周知抵拘，蘋(píng)果開(kāi)發(fā)者幾乎不用操心環(huán)境什么的哎榴，所有的配置都在xcode中打包好了。同樣的僵蛛，對(duì)于Flutter尚蝌，Android Studio也是官方支持的IDE，雖然也有人會(huì)使用 VS Code充尉，但VS Code需要安裝很多插件才能達(dá)到Android Studio一部分的效果飘言，與其導(dǎo)出打補(bǔ)丁，不如直接用官方工具驼侠。
- 這篇文章主要講第一部分
環(huán)境配置
1.安裝Flutter
這里推薦 Flutter中文網(wǎng) 的安裝文檔姿鸿，介紹的非常詳細(xì)了谆吴。
1. 下載 Flutter 的 SDK
- 進(jìn)入到 SDK下載 界面
b2713d5ebc6d303b3e15f2f07ac18717 - 選擇macOS系統(tǒng)
- 下載最新的穩(wěn)定版
-
解壓壓縮包
一般我們自己的電腦上都有很多開(kāi)發(fā)環(huán)境，命令行工具特別多苛预。但我們都會(huì)根據(jù)自己的實(shí)際情況進(jìn)行配置句狼。比如筆者電腦內(nèi)存才128G的，配置過(guò)LLVM這種很占內(nèi)存的環(huán)境热某，所以只能將他們放到外接硬盤(pán)上腻菇，然后將路徑添加到環(huán)境變量中即可，具體的配置在下面的環(huán)境變量配置中會(huì)講到昔馋。這里筹吐，筆者同樣將文件解壓到外接硬盤(pán)中File-DevPath中
2. 配置環(huán)境變量
1. 找到環(huán)境變量文件
- 如果使用默認(rèn)的bash，則配置????????????????????????????????
~/.bash_profile - 如果使用zsh（Mac新系統(tǒng)默認(rèn)zsh）秘遏，則配置
~/.zshrc
2. 怎么看自己電腦上是那個(gè)shell 丘薛？
輸入命令：chsh，筆者電腦上的是 zsh
但電腦以前的環(huán)境變量都是配置在 .bash_profile 中邦危，這種怎么處理榔袋？
3. 怎么在zsh中使用 .bash_profile ？
目的是要讓 .bash_profile 生效铡俐，執(zhí)行命令是：source ~/.bash_profile，但這個(gè)只是在bash中才能使用妥粟；
- 打開(kāi) .zshrc 文件审丘，執(zhí)行命令：
open ~/.zshrc - 在文件中添加腳本：
source ~/.bash_profile
77e856e425872303e645d2e012975190 - 這句話的含義是，每次打卡終端（zsh）的時(shí)候勾给，都讓我的
.bash_profile生效滩报，保證其中的命令行工具路徑能被添加環(huán)境變量PATH中
4. 配置鏡像
#Flutter ????????鏡像配置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
5. 配置Flutter環(huán)境變量
將上面解壓的這個(gè)文件夾的路徑配置在
.bash_profile 文件中
- 設(shè)置Flutter的路徑
#Flutter ????配置
export FLUTTER_HOME=$DevPath/flutter/bin
- 將Flutter路徑添加到環(huán)境變量中
...省略的是電腦上的其他環(huán)境變量
# PATH
export PATH=${PATH}:...:$FLUTTER_HOME
到這里，你的環(huán)境變量便已經(jīng)配置好了播急，可以打開(kāi)終端進(jìn)行檢測(cè)了脓钾。
3. flutter doctor
該命令檢查您的環(huán)境并在終端窗口中顯示報(bào)告。Dart SDK已經(jīng)在捆綁在Flutter里了桩警，沒(méi)有必要單獨(dú)安裝Dart可训。 仔細(xì)檢查命令行輸出以獲取可能需要安裝的其他軟件或進(jìn)一步需要執(zhí)行的任務(wù)（以粗體顯示）
[-] Android toolchain - develop for Android devices
? Android SDK at /Users/obiwan/Library/Android/sdk
? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
? Try re-installing or updating your Android SDK,
visit https://flutter.io/setup/#android-setup for detailed instructions.
一般的錯(cuò)誤會(huì)是xcode或Android Studio版本太低、或者沒(méi)有ANDROID_HOME環(huán)境變量等捶枢，請(qǐng)按照提示解決握截。下面貼一個(gè)筆者本機(jī)(mac)的環(huán)境變量配置，您可以對(duì)比修正：
export PATH=/Users/用戶(hù)名/Documents/flutter/flutter/bin:$PATH
export ANDROID_HOME="/Users/用戶(hù)名/Documents/android_sdk" //android sdk目錄烂叔，替換為你自己的即可
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
第一次運(yùn)行一個(gè)flutter命令（如flutter doctor）時(shí)谨胞，它會(huì)下載它自己的依賴(lài)項(xiàng)并自行編譯。以后再運(yùn)行就會(huì)快得多蒜鸡。
以下各部分介紹如何執(zhí)行這些任務(wù)并完成設(shè)置過(guò)程胯努。你會(huì)看到在flutter doctor輸出中叶组， 如果你選擇使用IDE，我們提供了龄广，IntelliJ IDEA粹湃，Android Studio和VS Code的插件
一旦你安裝了任何缺失的依賴(lài)，再次運(yùn)行flutter doctor命令來(lái)驗(yàn)證你是否已經(jīng)正確地設(shè)置了恬汁。
該flutter工具使用Google Analytics匿名報(bào)告功能使用情況統(tǒng)計(jì)信息和基本崩潰報(bào)告伶椿。 這些數(shù)據(jù)用于幫助改進(jìn)Flutter工具。Analytics不是一運(yùn)行或在運(yùn)行涉及flutter config的任何命令時(shí)就發(fā)送氓侧， 因此您可以在發(fā)送任何數(shù)據(jù)之前退出分析脊另。要禁用報(bào)告，請(qǐng)執(zhí)行flutter config --no-analytics并顯示當(dāng)前設(shè)置约巷，然后執(zhí)行flutter config偎痛。 請(qǐng)參閱Google的隱私政策。
[附上一張檢測(cè)正確的圖片]
到這里 flutter 就算是配置完了
