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/

posted @ 2019-12-12 16:28  天然呆☆☆  閱讀(...)  評論(...編輯  收藏
四川金7乐历史开奖号码查询