Flutter基础介绍与实作-Day8 Hello Flutter(2)

Flutter的档案

我们这边从比较重要的四个资料夹开始介绍

• 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. 一键收缩所有资料夹
   我们平常为了，要找资料都会把很多资料夹点开，看起来就会很乱，现在我们只要点这个图示就可以把他们全部收起来
   

2. 快速找到错误
   我们在写程序的时候，常常一写就是70~80行，要从这麽多行中找到错误其实不是很容易，所以就要透过Dart analysis这个小工具来帮我们，它会跟我们讲说哪一行出了什麽错，像下面这张图就是说第70行少了一个 }
   

3. 乱中有序
   平常看我们这一行一行密密麻麻的程序码，其实想找个东西并不容易，所以我们可以点画面最右边的Flutter outline他会帮我们把程序码用树状结构的方式整理清楚，这样对我们在编辑的时候会方便很多
   

4. Flutter inspector
   可以直接透过模拟器查看整个画面的布局，先把模拟器打开，然後按下Flutter inspector就可以了
   

今日总结
今天简单介绍一些Android Studio上常用的一些资料夹，和一些编辑的小技巧，希望你们有把它学起来，明天会从程序码开始讲解，有兴趣的朋朋要记得来看下一篇喔！