windows + flutter +android+ vscode 安裝配置運行流程（詳細版本）

flutter

是由谷歌發佈的一個全新的響應式、跨平臺、高性能的移動開發框架，能夠快速在iOS和Android上構建高質量的原生用戶界面。

框架特色

快速開發：Flutter的熱重載能夠快速地進行測試、構建UI、添加功能並更快地修復錯誤。
富有表現力，漂亮的用戶界面：自帶的Material Design和Cupertino（iOS風格）widget、豐富的motion API、平滑而天然的滑動效果。
響應式框架：使用Flutter的現代、響應式框架，和一系列基礎widget，輕鬆構建您的用戶界面。
訪問本地功能和SDK：Flutter能夠複用現有的Java、Swift或ObjC代碼，訪問iOS和Android上的原生系統功能和系統SDK。
統一的應用開發體驗：Flutter擁有豐富的工具和庫，能夠幫助開發者輕鬆地同時在iOS和Android系統中實現想法和創意。
原生性能：Flutter包含了許多核心的widget，如滾動、導航、圖標和字體等，這些均可以在iOS和Android上達到原生應用同樣的性能。

環境

window10
vsCode
Android Studio

安裝配置步驟

第一步：下載Flutter SDK
Windows桌面右鍵點擊git base here。固然你也能夠選擇一個文件夾打開git 命令行窗口，輸入如下命令下載Flutter SDK。
git clone -b alpha https://github.com/flutter/flutter.git·

第二步：配置環境變量。

用戶變量

FLUTTER_STORAGE_BASE_URL: https://storage.flutter-io.cn

PATH: C:\Users\Aijiar\Desktop\flutter\bin

系統變量

你須要在Windows 環境變量Path中添加flutter的路徑。路徑指向到Flutter文件的bin路徑以下圖：

 

第三步 開發軟件。
安裝Android Studio 以及Android SDK，以及vscode(本人力推)，安裝完vscode以後再vscode的應用裏安裝flutter和dart插件如圖：

安裝完成重啓vscode.
在編輯器的左下角的設置點擊進入 「命令面板」，在命令面板中點擊flutter：new project 項

 

並建立項目名稱，按enter

 

所以咱們建立了第一個flutter項目

 

在這裏咱們以前已經安裝過Android Studio 以及Android SDK，再次咱們運行Android Studio，打開模擬器（這裏本人習慣用vscode），習慣用Android Studio的同窗只要在裏面安裝dart和flutter插件就行了。（在這裏咱們只是使用Android Studio的模擬器）,將模擬器運行起來。

注意:手機設置開啓開發者模式-USB調試及安裝模式開啓

語言拓展

flutter使用的編程語言是Dart，您能夠在其官網瞭解和學習這門語言，Dart官網：https://www.dartlang.org/