2020.6 配置Flutter環(huán)境

最新配置Flutter環(huán)境忧侧，因?yàn)樽罱阉熊浖铜h(huán)境升級(jí)了 特此記錄，也 分享給有需要的伙伴屯断；

本次版本:

macOS: 10.15.4

FlutterSDK: 1232

Xcode: 11.5

Android 4.0

Flutter官網(wǎng)

1 . 進(jìn)入官網(wǎng)

Flutter官網(wǎng) 首頁

1.1 點(diǎn)擊Get started

Flutter官網(wǎng) 首頁

1.2 選擇對(duì)應(yīng)的操作系統(tǒng)（這里我的系統(tǒng)macOS）

注意底部的Important

If you're in China, first read Using Flutter in China.( 就是說在中國???? 履怯，來這個(gè)中文網(wǎng)站看指南)

Flutter 在運(yùn)行的時(shí)候坑填，需要去官方下載所需要的資源，那么沒有“梯子”的伙伴你需要鏡像服務(wù)器虹蒋，

這時(shí)候需要根據(jù)官方友好提示 點(diǎn)擊上邊這個(gè)鏈接

1.3 System requirements

系統(tǒng)要求

• 首先看到的是安裝運(yùn)行Flutter的系統(tǒng)要求（如同我們?cè)赪indows上邊玩吃雞糜芳，需要有一個(gè)最低支持的環(huán)境配置）

  • 操作系統(tǒng) macOS 64位

  • 硬盤空間 2.8GB （除了IDE/tools 以外的2.8GB）

  • 工具，F(xiàn)lutter依賴與我們系統(tǒng)上命令行的這些工具：

    • bash

      （1） 在終端查看支持的shell： cat /etc/shells 可以看到列出很多shell

      （2）查看自己當(dāng)前用的shell：echo $SHELL

    • curl

      獲取網(wǎng)絡(luò)數(shù)據(jù) 千诬，就是一種在命令行下使用的網(wǎng)絡(luò)工具耍目，詳細(xì)使用可以自己去學(xué)習(xí)

    • git 2.x

      系統(tǒng)支持git 2.x版本以上 ，查看git 版本 git --version

    • mkdir

      終端命令徐绑， 創(chuàng)建文件夾的 mkdir flutterFolder

    • rm

      終端命令 邪驮， 刪除文件和文件夾的 rm -rf flutterFolder

    • unzip

      終端命令， 解壓zip文件的

    • which

      定位程序文件在系統(tǒng)路徑的位置

    • zip

      顧名思義傲茄，就是終端壓縮文件的命令

    以上這些是Flutter要求的安裝環(huán)境和一些需要使用到的工具毅访，對(duì)于有些命令的使用，伙伴們可以google這些命令盘榨， 深入了解喻粹；

  2. 下載FlutterSDK

  上邊的環(huán)境我們都準(zhǔn)備好了， 開始下載SDK啦草巡。守呜。。

Flutter SDK 1.17.3

2.1

我現(xiàn)在的當(dāng)前最新版本是1.17.3穩(wěn)定版

Flutter SDK四個(gè)channel:

• Stable channel（穩(wěn)定版）

• Beta channel（測(cè)試版）

• Dev channel（開發(fā)版）

• Master channel（在這里可以clone 這個(gè)分支山憨，獲取SDK查乒，）

  git clone -b master https://github.com/flutter/flutter.git
  ./flutter/bin/flutter --version

channel渠道地址

2.2

下載完成后，找到下載的sdk包郁竟， 就可以解壓Flutter SDK啦玛迄， 解完出來的 SDK放到你能找到的位置；

把Flutter目錄下bin位置路徑記錄下來棚亩，比如我的是

/opt/flutter/bin

這里詳細(xì)說明下

在這個(gè)配置路徑上繞了好久蓖议， 我終端裝的是oh-my-zsh 伙伴沒用過的應(yīng)該去嘗試下

在.zhsrc 下去配置這個(gè)路徑

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

上倆個(gè)是鏡像源 虏杰， 沒有梯子的伙伴需要配置鏡像源

下倆個(gè)是Flutter的bin路徑；

配置成功后勒虾， 使用 which flutter查看是否能找到flutter的路徑

3.配置開發(fā)IDE

我自己用的Android Studio開發(fā)IDE纺阔， 畢竟是Google的親兒子，順便也能熟悉安卓从撼；當(dāng)然也支持其它的開發(fā)

工具州弟，像Visual Studio .

安裝SDK成功后， 接著就開始堅(jiān)持我們的開發(fā)環(huán)境了低零， 比如 檢查 模擬器 IDE等

flutter doctor

對(duì)勾?的是沒問題的婆翔，

最上邊顯示flutter 版本， 系統(tǒng)版本掏婶，

下邊檢查了 android 工具鏈 **Xcode ** Android Studio 并都顯示了對(duì)應(yīng)的版本

最下邊倆個(gè)啃奴！黃色嘆號(hào) ，不用管雄妥， 第一個(gè)是因?yàn)槲已b 了vs最蕾，但沒有配置flutter，因?yàn)槲沂褂肁S老厌，

第二個(gè)是我檢測(cè)到我當(dāng)前沒有運(yùn)行的模擬器哦瘟则；

Last

如果幫助到了你， 幫我點(diǎn)個(gè)??哦枝秤，

有問題留言醋拧，大家一起來解決！５淼丹壕！