Flutter簡介(內容來自Flutter中文網)

Flutter是什麼

Flutter是谷歌的移動UI框架，可以快速在iOS和Android上構建高質量的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，並且Flutter是完全免費、開源的。

Flutter的特性

快速開發

毫秒級的熱過載，修改後，您的應用介面會立即更新。使用豐富的、完全可定製的widget在幾分鐘內構建原生介面。

Flutter的熱過載可幫助您快速地進行測試、構建UI、新增功能並更快地修復錯誤。在iOS和Android模擬器或真機上可以在亞秒內過載，並且不會丟失狀態

富有表現力和靈活的UI

快速釋出聚焦於原生體驗的功能。分層的架構允許您完全自定義，從而實現難以置信的快速渲染和富有表現力、靈活的設計。

使用Flutter內建美麗的Material Design和Cupertino（iOS風格）widget、豐富的motion API、平滑而自然的滑動效果和平臺感知，為您的使用者帶來全新體驗。

原生效能

Flutter包含了許多核心的widget，如滾動、導航、圖示和字型等，這些都可以在iOS和Android上達到原生應用一樣的效能。

通過平臺相關的API、第三方SDK和原生程式碼讓您的應用變得強大易用。 Flutter允許您複用現有的Java、Swift或ObjC程式碼，訪問iOS和Android上的原生系統功能和系統SDK。

Window下Flutter開發環境搭建

在Flutter中文網上，關於搭建開發環境的教程已經寫得比較詳細了，這裡筆者希望通過穿插一些圖片，讓各位小夥伴能更輕鬆的搭建好開發環境，工欲善其事，必先利其器，下面就開始開發環境的搭建吧！

安裝Git

你需要安裝Git作為Flutter SDK的下載工具。

下載FlutterSDK

使用下面的命令下載FlutterSDK

git clone -b beta https://github.com/flutter/flutter.git
複製程式碼

如果長時間沒下載下來或者連線失敗 先設定一下這兩個環境變數,這是是google為國內開發者搭建的臨時映象。

set PUB_HOSTED_URL=https://pub.flutter-io.cn
set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
複製程式碼

要在終端執行 flutter 命令， 你需要新增以下環境變數到系統PATH：

set PATH=`pwd`/flutter/bin:$PATH
複製程式碼

手動配置環境變數

• 轉到 控制皮膚>使用者賬戶>使用者賬戶>更改我的環境變數
• 在“使用者變數”下檢查是否有名為“Path”的條目:
• • 如果該條目存在, 追加 flutter\bin的全路徑，使用 ; 作為分隔符.
• • 如果條目不存在, 建立一個新使用者變數 Path ，然後將 flutter\bin的全路徑作為它的值.
• 在“使用者變數”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目，如果沒有，也可以新增它們。

為了測試flutter環境變數是否配置成功，在終端中輸入flutter命令並回車，如果出現flutter命令相關用法提示，則表示flutter環境變數配置成功，如下圖所示：

執行 flutter doctor

切換到flutterSDK所在路徑下檢測 當前flutter需要的依賴並下載依賴

C:\Users\XX\flutter\bin> flutter doctor
複製程式碼

第一次執行一個flutter命令（如flutter doctor）時，它會下載它自己的依賴項並自行編譯。以後再執行就會快得多。

執行後出現下圖是提示一些Android許可不被接受,要解決這個問題,執行:flutter doctor——android license即可

配置編輯器

Android Studio 安裝

Android Studio: 為Flutter提供完整的IDE體驗

• 請安裝Android Studio3.0或更高版本.

IntellJ IDE 安裝

• IntelliJ IDEA Community, version 2017.1或更高版本.
• IntelliJ IDEA Ultimate, version 2017.1或更高版本.

安裝Flutter和Dart外掛

• Flutter 外掛： 支援Flutter開發工作流 (執行、除錯、熱過載等).
• Dart 外掛： 提供程式碼分析 (輸入程式碼時進行驗證、程式碼補全等).

Android studio :開啟外掛首選項 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux), 選擇 Browse repositories…, 選擇 Flutter/Dart 外掛並點選 install.重啟Android Studio後外掛生效.

IntellJ IDEA : IntelliJ IDE>setting>Plugins

建立新應用

Android studio 重啟後開啟 選擇 File>New Flutter Project

接下來next 包名,sdk地址不多做解釋,最後finish,等待Android studio建立專案.

執行應用程式

• 定位到Android Studio 工具欄:

  

• 在 target selector 中, 選擇一個執行該應用的Android裝置. 如果沒有列出可用，請選擇 Tools>Android>AVD Manager 並在那裡建立一個
• 在工具欄中點選 Run圖示
• 如果一切正常執行結果如下圖