iT邦幫忙

2021 iThome 鐵人賽

DAY 8
0
自我挑戰組

Flutter系列 第 8

Flutter基礎介紹與實作-Day8 Hello Flutter(2)

Flutter的檔案
https://ithelp.ithome.com.tw/upload/images/20210922/20141032olcF6vgTij.jpg

我們這邊從比較重要的四個資料夾開始介紹

  • lib:平常撰寫的dart語言程式碼都會放在這裡,這個資料夾也可以說是Flutter “核心工作資料夾”
  • ios:這裡面包含了iOS專案相關的配置和檔案,當專案可以上架的時候,需要開啟該檔案內的Runner.xcworkspace檔案進行編譯工作
  • android:與ios資料夾一樣,在android專案可以上架的時候,也需要使用此資料夾裡面的檔案
  • test:這裡存放了我們在專案開發過程中的測試程式碼,要記得良好的測試習慣是保證程式碼質量的必要手段
    再來介紹一下其他的檔案和目錄
  • .dart_tool:記錄了一些Dart工具庫所在的位置和資訊
  • .idea:Android Studio 是基於idea開發的,.idea 記錄了專案的一些檔案的變更記錄
  • build:不會使用到的資料夾,裡面存放系統產生的檔案
  • web:存放網頁的檔案
  • .gitignore:若你有使用版本控制軟體但有些不重要的檔案或是機密檔案不能傳上去,就在這裡註明忽略他們
  • .metadata:IDE 用來記錄某個 Flutter 專案屬性的的隱藏檔案
  • .packages:管理第三方或是IDE package的檔案,會自動產生與更新內容
  • flutter_app.iml:工程檔案的路徑配置
  • pubspec.lock:保存目前pubspec.yaml的資訊,確保其他人使用時能夠下載到同樣版本的packages
  • .pubspec.yaml:唯一會去修改的檔案,例如使用第三方package,或是要引用影片檔等等
    介紹完這些檔案或是目錄之後,我們來介紹一些關於Android Studio的使用小技巧吧!
  1. 一鍵收縮所有資料夾
    我們平常為了,要找資料都會把很多資料夾點開,看起來就會很亂,現在我們只要點這個圖示就可以把他們全部收起來
    https://ithelp.ithome.com.tw/upload/images/20210922/20141032DIwzGJnsaI.jpg

  2. 快速找到錯誤
    我們在寫程式的時候,常常一寫就是70~80行,要從這麼多行中找到錯誤其實不是很容易,所以就要透過Dart analysis這個小工具來幫我們,它會跟我們講說哪一行出了什麼錯,像下面這張圖就是說第70行少了一個 }
    https://ithelp.ithome.com.tw/upload/images/20210922/20141032W7Mvv8EmjV.jpg

  3. 亂中有序
    平常看我們這一行一行密密麻麻的程式碼,其實想找個東西並不容易,所以我們可以點畫面最右邊的Flutter outline他會幫我們把程式碼用樹狀結構的方式整理清楚,這樣對我們在編輯的時候會方便很多
    https://ithelp.ithome.com.tw/upload/images/20210922/20141032WgrWsNBIe6.jpg

  4. Flutter inspector
    可以直接透過模擬器查看整個畫面的布局,先把模擬器打開,然後按下Flutter inspector就可以了
    https://ithelp.ithome.com.tw/upload/images/20210922/20141032pfVCii8cV9.jpg


今日總結
今天簡單介紹一些Android Studio上常用的一些資料夾,和一些編輯的小技巧,希望你們有把它學起來,明天會從程式碼開始講解,有興趣的朋朋要記得來看下一篇喔!


上一篇
Flutter基礎介紹與實作-Day7 Hello Flutter(1)
下一篇
Flutter基礎介紹與實作-Day9 Hello Flutter(3)
系列文
Flutter30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言