1. 程式人生 > >Flutter學習筆記之一 Windows環境配置

Flutter學習筆記之一 Windows環境配置

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

學習參考:
Flutter官網:https://flutter.io
Flutter中文網:https://flutterchina.club

1、下載SDK
去官網下載 flutter SDK(Windows版),不過官網比較慢,下載完畢解壓放到一個路徑下。

2、配置環境變數
在這裡插入圖片描述
由於一些flutter命令需要聯網獲取資料,如果您是在國內訪問,由於眾所周知的原因,直接訪問很可能不會成功。 PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google為國內開發者搭建的臨時映象:

在這裡插入圖片描述

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

3、檢測安裝
在命令列執行 flutter doctor 檢測安裝依賴情況,缺啥裝啥。直到如下即為成功:
在這裡插入圖片描述
Android toolchain那個應該是指Android裝置,如果你電腦沒連手機或模擬器應該是黃色感嘆號或者紅色叉。

4、編輯器設定
編輯器使用Android studio裝外掛,作為Android開發攻城獅AS怎麼能沒有呢,直接裝外掛:
file->settings->plugins->Browse Repositories 搜尋Flutter:
在這裡插入圖片描述


Flutter是用dart語言程式設計,會先給你安裝一個dart外掛,在安裝外掛的過程中多半會安裝失敗吧!
Plugin Flutter was not installed: Cannot download 'https://plugins.jetbrains.com/pluginManager/?acti 巴拉巴拉一堆看不懂

不要急,看圖取消勾選:
在這裡插入圖片描述
到此,開發環境基本搞定。
5、建立專案
這時候你的studio的new選單就多了一個東西(如果沒有請重啟):
在這裡插入圖片描述
其實看專案結果挺容易理解的,根目錄下主要包含Android的程式碼、iOS程式碼、Flutter程式碼,其中lib為Flutter程式碼只有一個main.dart檔案,Android和iOS程式碼應該是編譯生成的,iOS咱不懂,Android進去看一下和一般Android專案差不多,只是他沒有佈局,而且在activity的onCreate方法中也不載入佈局,有點意思。除錯執行和Android專案一毛一樣,dart語言感覺也和Java差不多,有時間再研究。