flutter 是由谷歌發佈的一個全新的響應式、跨平臺、高性能的移動開發框架,可以快速在iOS和Android上構建高質量的原生用戶界面。 框架特點 快速開發:Flutter的熱重載可以快速地進行測試、構建UI、添加功能並更快地修複錯誤。富有表現力,漂亮的用戶界面:自帶的Material Desig ...
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/