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

flutter

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

框架特點

快速開發: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
11

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

系統變量

你需要在Windows 環境變量Path中添加flutter的路徑。路徑指向到Flutter文件的bin路徑如下圖:
33

 

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


安裝完成重啓vscode.
在編輯器的左下角的設置點擊進入 “命令面板”,在命令面板中點擊flutter:new project 項

22-1

 

並創建項目名稱,按enter
3

 

因此我們創建了第一個flutter項目
44-3

 

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

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

語言拓展

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章