1.前言
至於 Flutter 是啥,我就不在這啰嗦了,下面以 windows 為例,展示一下從安裝 Flutter 到運行 APP 整個過程;
2.安裝 Flutter
2.1、中文介紹文檔:https://flutterchina.club/get-started/install/ (我的閱讀方式)
外網介紹文檔:https://flutter.io/get-started/install/
2.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.3、下載下來解壓后的文件目錄(我的目錄)
2.4、配置環境變量,方便使用,配置到 path 中
配置上國內鏡像:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
2.5、額外補充:配上你的 sdk tool,在接下來執行 flutter doctor 過程中需要;我配的有點亂,有的還多余了,將就看。
2.6、配置好環境變量后,在命令行執行 :flutter doctor
注意:
[√]這個是安裝OK的,[X]是需要安裝的,或者者是已安裝但是沒有運行起來的。
這里面有幾項需要注意的內容:
(1)Flutter 這是Flutter工具,就是剛才git下載的那個。
(2)Android工具鏈,這里指的是SDK,會標注出SDK的最大版本號。
(3)Android Studio 3.0版本(這個是下載安裝的版本)
(4)Connected devices 已連接的設施,能是模擬器,也能是真機,假如已連接會顯示出來。
2.7、安裝 Android Studio 插件:flutter + dart
右上角:file > setting > plugins >
2.8、上邊插件裝好、重啟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移動電商實戰》- 快速掌握實際項目開發