1、Flutter_初体验_创建第一个应用_AndroidStudio_windows
1.前言
至于 Flutter 是啥,我就不在這啰嗦了,下面以 windows 為例,展示一下從安裝 Flutter 到運行 APP 整個過程;
?
2.安裝 Flutter
2.1、中文介紹文檔:https://flutterchina.club/get-started/install/?(我的閱讀方式)
? 外網(wǎng)介紹文檔: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
? ? ? 看網(wǎng)上說用 git (git clone -b dev https://github.com/flutter/flutter.git),我偏不!
2.3、下載下來解壓后的文件目錄(我的目錄)
?
?
2.4、配置環(huán)境變量,方便使用,配置到 path 中
?
配置上國內鏡像:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn?
2.5、額外補充:配上你的 sdk tool,在接下來執(zhí)行 flutter doctor 過程中需要;我配的有點亂,有的還多余了,將就看。
?
?
2.6、配置好環(huán)境變量后,在命令行執(zhí)行 :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.創(chuàng)建 Flutter APP
接下來就是創(chuàng)建 flutter 項目了,file > new > new Flutter Project...
?
注意:這里能支持ios和kotlin,假如需要的話能勾上。
?
?
在這里,我用的我自己的真機,創(chuàng)建好后會自動識別的,跟創(chuàng)建一個普通安卓項目運行差不多,下面是我的真機運行結果:
?
博客地址:https://www.cnblogs.com/niceyoo
本文地址:https://www.cnblogs.com/niceyoo/p/9240359.html
?
推薦一個課程:《Flutter移動電商實戰(zhàn)》- 快速掌握實際項目開發(fā)
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結
以上是生活随笔為你收集整理的1、Flutter_初体验_创建第一个应用_AndroidStudio_windows的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: iOS Coding项目片段记录(八)
- 下一篇: Android 全屏抽屉fragment