1、Flutter_初体验_创建第一个应用_AndroidStudio_windows
1.前言
至于 Flutter 是啥,我就不在這啰嗦了,下面以 windows 為例,展示一下從安裝 Flutter 到運(yùn)行 APP 整個(gè)過(guò)程;
?
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)上說(shuō)用 git (git clone -b dev https://github.com/flutter/flutter.git),我偏不!
2.3、下載下來(lái)解壓后的文件目錄(我的目錄)
?
?
2.4、配置環(huán)境變量,方便使用,配置到 path 中
?
配置上國(guó)內(nèi)鏡像:
PUB_HOSTED_URL=https://pub.flutter-io.cn FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn?
2.5、額外補(bǔ)充:配上你的 sdk tool,在接下來(lái)執(zhí)行 flutter doctor 過(guò)程中需要;我配的有點(diǎn)亂,有的還多余了,將就看。
?
?
2.6、配置好環(huán)境變量后,在命令行執(zhí)行 :flutter doctor
注意:
[√]這個(gè)是安裝OK的,[X]是需要安裝的,或者者是已安裝但是沒(méi)有運(yùn)行起來(lái)的。
這里面有幾項(xiàng)需要注意的內(nèi)容:
(1)Flutter 這是Flutter工具,就是剛才git下載的那個(gè)。
(2)Android工具鏈,這里指的是SDK,會(huì)標(biāo)注出SDK的最大版本號(hào)。
(3)Android Studio 3.0版本(這個(gè)是下載安裝的版本)
(4)Connected devices 已連接的設(shè)施,能是模擬器,也能是真機(jī),假如已連接會(huì)顯示出來(lái)。
?
2.7、安裝 Android Studio 插件:flutter + dart
右上角:file > setting > plugins >?
?
2.8、上邊插件裝好、重啟AS后、接下來(lái)就是配置 flutter sdk 路徑了,畢竟這兩個(gè)插件只是輔助你的,但是人家還不知道 sdk 路徑在哪呢。
?
還記得上邊我的 flutter sdk 的解壓路徑嗎。配置上這個(gè)路徑后,dart 就不用配置了,他會(huì)自動(dòng)給你配置上:
?
至此安裝 flutter 結(jié)束了。
3.創(chuàng)建 Flutter APP
接下來(lái)就是創(chuàng)建 flutter 項(xiàng)目了,file > new > new Flutter Project...
?
注意:這里能支持ios和kotlin,假如需要的話(huà)能勾上。
?
?
在這里,我用的我自己的真機(jī),創(chuàng)建好后會(huì)自動(dòng)識(shí)別的,跟創(chuàng)建一個(gè)普通安卓項(xiàng)目運(yùn)行差不多,下面是我的真機(jī)運(yùn)行結(jié)果:
?
博客地址:https://www.cnblogs.com/niceyoo
本文地址:https://www.cnblogs.com/niceyoo/p/9240359.html
?
推薦一個(gè)課程:《Flutter移動(dòng)電商實(shí)戰(zhàn)》- 快速掌握實(shí)際項(xiàng)目開(kāi)發(fā)
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的1、Flutter_初体验_创建第一个应用_AndroidStudio_windows的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: iOS Coding项目片段记录(八)
- 下一篇: Android 全屏抽屉fragment