??【Flutter】學(xué)習(xí)養(yǎng)成記涂圆,【程序員必備小知識(shí)】
?? 今日小知識(shí)—— flutter
運(yùn)行項(xiàng)目實(shí)戰(zhàn)!
1. 終端命令行新建項(xiàng)目
在flutter
新建項(xiàng)目之前币叹,我們先來運(yùn)行一下flutter doctor
命令來檢查一下自己的flutter
環(huán)境是否有問題润歉。
從命令的運(yùn)行來看,是沒有任何的錯(cuò)誤?颈抚,說明flutter
的環(huán)境是 OK 的踩衩,那么我們使用flutter create flutterDemo
命令來新建一個(gè)項(xiàng)目工程吧!
從報(bào)錯(cuò)信息來看贩汉,是我們的項(xiàng)目名稱出了問題驱富,
flutterDemo" 不是有效的 Dart 包名稱
why ?
大大的問號(hào),這個(gè)名稱沒有問題啊匹舞,為什么就不支持呢褐鸥?因?yàn)槲覀兞?xí)慣了駝峰命名,但是 Dart
是不支持駝峰命名
的赐稽!既然不支持駝峰命名叫榕,那么就換個(gè)名稱吧!
新建項(xiàng)目成功
那么就按照提示姊舵,cd first_flutterdemo
打開項(xiàng)目目錄晰绎,flutter run
把項(xiàng)目跑起來看看吧!
2. 運(yùn)行你的第一個(gè) flutter 項(xiàng)目
第一次運(yùn)行有點(diǎn)慢括丁,會(huì)對(duì)環(huán)境進(jìn)行一下檢查寒匙,之后運(yùn)行就會(huì)快很多了。
- 第一次運(yùn)行完成之后锄弱,會(huì)有如下提示:有一下運(yùn)行的時(shí)候,還有一些快捷鍵的使用祸憋!
- 在模擬器中運(yùn)行的界面如下:
-
flutter
工程文件結(jié)構(gòu)如下:
目錄里面安卓
和 iOS
工程都有会宪,一份代碼,多端使用????蚯窥!
3. xcode 打開 flutter 工程
因?yàn)?flutter
是跨平臺(tái)的掸鹅,里面包含了安卓
和 iOS
工程,我們雙擊打開iOS
工程就可以了拦赠,默認(rèn)生成的是 Swift
的工程巍沙。
打開 iOS
工程如下所示:
Xcode
運(yùn)行iOS
工程如下所示:
默認(rèn)
ios
是Swift
的工程,安卓
是kotlin
荷鼠,我們也是可以去修改創(chuàng)建的工程語言的句携,使用flutter create --help
命令就可以查看
那么現(xiàn)在就去創(chuàng)建一個(gè) OC
的工程吧,使用flutter create -i objc flutter_objcdemo
命令允乐。
提示
:我們都是使用
Xcode
去簽名/真機(jī)調(diào)試矮嫉,不會(huì)使用Xcode
去寫flutter
削咆,它也不支持dart
語言啊蠢笋!
4. Android Studio 新建項(xiàng)目
Android Studio
新建項(xiàng)目
Android Studio
新建flutter
項(xiàng)目
點(diǎn)擊?
創(chuàng)建 flutter
項(xiàng)目拨齐,進(jìn)入如下界面
填寫項(xiàng)目名稱,項(xiàng)目的語言昨寞,支持的平臺(tái)等瞻惋!(這里我就不新建了,我就直接打開之前的項(xiàng)目了援岩!)
目錄結(jié)果和文件夾中的是一樣的,順序幾乎都是一樣的蹂匹,我們在 lib
文件夾下面寫 dart
代碼仰坦。
可以下拉選擇模擬器運(yùn)行項(xiàng)目
在終端中也是打開模擬器open -a Simulatoer
,如果有多個(gè)模擬器會(huì)提示選擇一個(gè)來運(yùn)行項(xiàng)目妈橄,如下圖所示:
選擇其中一個(gè)模擬器來運(yùn)行 flutter
項(xiàng)目
5. 寫在后面
關(guān)注我,更多內(nèi)容持續(xù)輸出
?? 喜歡就點(diǎn)個(gè)贊吧????
?? 覺得有收獲的篙贸,可以來一波 收藏+關(guān)注敷鸦,以免你下次找不到我????
??歡迎大家留言交流兔甘,批評(píng)指正蟆淀,
轉(zhuǎn)發(fā)
請(qǐng)注明出處澡匪,謝謝支持熔任!??