一、Flutter_初體驗_建立第一個應用_AndroidStudio_windows

1.前言

至於 Flutter 是啥，我就不在這囉嗦了，下面以 windows 爲例，展現一下從安裝 Flutter 到運行 APP 整個過程；

 

2.安裝 Flutter

2.一、中文介紹文檔：https://flutterchina.club/get-started/install/ （個人閱讀方式）

　  外網介紹文檔：https://flutter.io/get-started/install/

2.二、Flutter SDK 下載地址：https://flutter.dev/docs/get-started/install/windows （個人下載方式）

　  Github Flutter SDK 地址：https://github.com/flutter/flutter

      看網上說用 git （git clone -b dev https://github.com/flutter/flutter.git），我偏不！

2.三、下載下來解壓後的文件目錄（個人目錄）

 

 

2.四、配置環境變量，方便使用，配置到 path 中

 

配置上國內鏡像：

PUB_HOSTED_URL=https://pub.flutter-io.cn

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

 

2.五、額外補充：配上你的 sdk tool，在接下來執行 flutter doctor 過程當中須要；我配的有點亂，有的還多餘了，將就看。

 

 

2.六、配置好環境變量後，在命令行執行 ：flutter doctor

注意：
[√]這個是安裝OK的，[X]是須要安裝的，或者者是已安裝可是沒有運行起來的。
這裏面有幾項須要注意的內容：
（1）Flutter 這是Flutter工具，就是剛纔git下載的那個。
（2）Android工具鏈，這裏指的是SDK，會標註出SDK的最大版本號。
（3）Android Studio 3.0版本（這個是下載安裝的版本）
（4）Connected devices 已鏈接的設施，能是模擬器，也能是真機，假如已鏈接會顯示出來。

 

2.七、安裝 Android Studio 插件：flutter + dart

右上角：file > setting > plugins > 

 

2.八、上邊插件裝好、重啓AS後、接下來就是配置 flutter sdk 路徑了，畢竟這兩個插件只是輔助你的，可是人家還不知道 sdk 路徑在哪呢。

 

還記得上邊個人 flutter sdk 的解壓路徑嗎。配置上這個路徑後，dart 就不用配置了，他會自動給你配置上：

 

至此安裝 flutter 結束了。

3.建立 Flutter APP

接下來就是建立 flutter 項目了，file > new > new Flutter Project...

 

注意：這裏能支持ios和kotlin，假如須要的話能勾上。

 

 

在這裏，我用的我本身的真機，建立好後會自動識別的，跟建立一個普通安卓項目運行差很少，下面是個人真機運行結果：

 

博客地址：https://www.cnblogs.com/niceyoo

本文地址：https://www.cnblogs.com/niceyoo/p/9240359.html

 

推薦一個課程：《Flutter移動電商實戰》- 快速掌握實際項目開發