Flutter在Mac環(huán)境安裝詳細(xì)說明
Flutter簡介
Flutter 是 Google 開源的 UI 工具包，幫助開發(fā)者通過一套代碼庫高效構(gòu)建多平臺(tái)精美應(yīng)用，支持移動(dòng)、Web、桌面和嵌入式平臺(tái)?。
Flutter 可以方便的加入現(xiàn)有的工程中。在全世界，F(xiàn)lutter 正在被越來越多的開發(fā)者和組織使用，并且 Flutter是完全免費(fèi)、開源的。它也是構(gòu)建未來的 Google Fuchsia 應(yīng)用的主要方式。
Flutter 組件采用現(xiàn)代響應(yīng)式框架構(gòu)建，這是從React中獲得的靈感，中心思想是用組件(widget)構(gòu)建你的UI。 組件描述了在給定其當(dāng)前配置和狀態(tài)時(shí)他們顯示的樣子。當(dāng)組件狀態(tài)改變，組件會(huì)重構(gòu)它的描述(description)，F(xiàn)lutter 會(huì)對(duì)比之前的描述， 以確定底層渲染樹從當(dāng)前狀態(tài)轉(zhuǎn)換到下一個(gè)狀態(tài)所需要的最小更改。
Flutter安裝
Flutter分為3大版本，有Windows，Linux，Mac主流的操作系統(tǒng)。
請(qǐng)同學(xué)們根據(jù)自己的操作系統(tǒng)進(jìn)行安裝
https://flutter.dev/docs/get-started/install
詳細(xì)介紹用Mac進(jìn)行安裝。其他的版本也是類似
安裝Flutter，Mac系統(tǒng)需要的環(huán)境
操作系統(tǒng): macOS (64-bit)
磁盤空間: 2.8 GB (does not include disk space for IDE/tools).
工具集合，如下面: Flutter depends on these command-line tools being available in your environment.
bashcurlgit?2.xmkdirrmunzipwhichzip
獲取Flutter SDK
下載：https://storage.googleapis.com/flutter_infra/releases/stable/macos/flutter_macos_1.17.2-stable.zip
或者用git地址下載：克隆代碼地址為：
git clone https://github.com/flutter/flutter.git 因?yàn)槭窍螺dflutter，github下載比較慢，一般都采用直接下載zip文件進(jìn)行。解壓文件flutter_macos_1.17.2-stable.zip，到tools目錄下 tools/flutter,設(shè)置path?export PATH="$PATH:`pwd`/flutter/bin" 進(jìn)行配置
Run flutter doctor
Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel stable, v1.17.2, on Mac OS X 10.14.6 18G4032, locale zh-Hans-CN)
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
? ? ! Some Android licenses not accepted.? To resolve this, run: flutter doctor --android-licenses
[!] Xcode - develop for iOS and macOS (Xcode 11.3.1)
? ? ? CocoaPods not installed.
? ? ? ? CocoaPods is used to retrieve the iOS and macOS platform side's plugin code that responds to your plugin usage on the Dart side.
? ? ? ? Without CocoaPods, plugins will not work on iOS or macOS.
? ? ? ? For more info, see https://flutter.dev/platform-plugins
? ? ? To install:
? ? ? ? sudo gem install cocoapods
[?] Android Studio (version 3.6)
[!] IntelliJ IDEA Ultimate Edition (version 2020.1)
? ? ? Flutter plugin not installed; this adds Flutter specific functionality.
? ? ? Dart plugin not installed; this adds Dart specific functionality.
[?] Connected device (1 available)
! Doctor found issues in 3 categories.
設(shè)置Path 增加?
which flutter
/Users/keny/tools/flutter/bin/flutter
iOS 安裝
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer$?
sudo xcodebuild -runFirstLaunch
設(shè)置一個(gè) the iOS simulator
$open -a Simulator 打可以iOS的虛擬機(jī)，如下圖
安裝AS?
在Android Studio 增加插件或者更新
設(shè)置 the Android emulator
前提條件安裝了Flutter插件，允許在你的機(jī)器上運(yùn)行VM
Launch?Android Studio > Tools > Android > AVD Manager?and select?Create Virtual Device. (The?Android?submenu is only present when inside an Android project.)
選擇 a device definition and 選擇?Next.
選擇一個(gè)或或者多個(gè)系統(tǒng)的鏡像文件你需要安裝的虛擬機(jī)上，選擇下一步?Next. An?x86?or?x86_64?image is recommended.
Under Emulated Performance, select?Hardware - GLES 2.0?to enable?hardware acceleration.
Verify the AVD configuration is correct, and select?Finish.
For details on the above steps, see?Managing AVDs.
In Android Virtual Device Manager, click?Run?in the toolbar. The emulator starts up and displays the default canvas for your selected OS version and device.
運(yùn)行后出現(xiàn)窗口
