Flutter 开发文档(1) - 开始环境搭建

关于Flutter环境搭建
基本教程在 Flutter中文社区

1. 下载Flutter SDK(当前2.2.2)自带对应版本的Dart sdk,尽量直接下载Flutter Sdk,防止dart 与 flutter sdk版本不统一,会报错!

2. 配置好环境变量,保证 flutter dart 命令能找到,在首次运行flutter 命令时,会自动下载相关依赖,比如Android sdk,(要是没下载,自己去下一个也行…,依稀记得此处与Java sdk 12和8产生了不好的羁绊,最后去单独下了个java8),之后运行 Flutter doctor,doctor? 不就是诊断一下flutter嘛,如果你全部都是小对号,环境就差不多了

3. 还差一点,flutter run时,会下载依赖,需把国外的下载站点搞成国内的(度娘知道怎么搞)就能跑通 flutter run 了(可能各位大神早就发现问题了)
   不过还一个解决办法:
   其实根本上flutter就是需要一个 gradle来打包内置Android代码,但是对我(web)来说就有些陌生了…
   所以从根源上解决问题就是给他一个gradle , 别下了别下了!
   下载一个 gradle 5.6.2-all.zip(版本自己选)
   放在哪,flutter能找的到?
   位置配置在这看:
   
   看这个 distribution(贡献,提供,分发之类的意思)Base 这里就是指向了 系统的.gradle目录,具体原因自行百度,不解释装高手
   

   也就是这个目录(我的电脑里)
   C:\Users\lenovo\.gradle\wrapper\dists\gradle-5.6.2-all\9st6wgf78h16so49nn74lgtbb\
   lenovol 是我的users下的系统目录,找找你的
   有人问 我没有 gradle-5.6.2-all\9st6wgf78h16so49nn74lgtbb\ 这个奇怪的文件目录啊!!!
   那看来你没遇到过 flutter run 失败,所以你去 flutter run 一下项目,然后他会下载gradle,先根据gradle版本创建这个目录名,然后去 services.gradle.org 下载,当时就是下不动,所以zip文件下载失败,目录留下来了,你把你下载的zip文件直接放进去,不需要解压,然后ojbk,就可以进入打包环节啦!

   

4. 这里有推荐小伙伴下一个 网易木木模拟器 下载打开后 在terminal 运行
   adb_server connect 127.0.0.1:7555 (要是没自己注册 就去配置一下adb_server环境)

5. 运行起来了!

6. 安卓打包构建 由于Flutter 是 打包AOT版apk,因此debug版与release版 性能差异很大
   直接执行flutter build apk

看一下常用的项目结构

|-- app
    |-- assets                      // 资源
        |-- images                  // 图片
        |-- fonts                   // 字体 图标
    |--jsons                        //json数据
    |-- lib
        |-- api                     // 接口
        |-- common
            |-- global.dart         // 全局变量的静态类
        |-- event                   // 事件
        |-- model                   // 后端json数据Model化
        |-- pages                   // 页面目录
            |-- pagename            // 每个页面目录
                |-- Index.dart      // 页面
                |-- widgetName.dart // 页面业务组件
        |-- routers                 // 路由
        |-- utils                   // 工具类
        |-- widget                  // 统用组件
        |-- main.dart               // 项目入口
    |--andriod                      //安卓目录
    |--ios                          //Ios目录
    |--pubspec.yaml                 //项目依赖(注意缩进)

看一下常用的依赖包

  # 网络请求
  dio: ^4.0.0
  # getX 或者用 provider
  get: ^4.1.4
  # 本地持久化
  shared_preferences: ^2.0.5
  # josn格式化
  json_annotation: ^4.0.1
  # 官方IOS风格Icon
  cupertino_icons: ^1.0.2
  # 资源锁
  synchronized: ^3.0.0
  # Toast提示
  fluttertoast: ^8.0.3
  # 获取系统权限
  permission_handler: ^6.1.1
  # 屏幕适配
  flutter_screenutil: ^5.0.0+2

Good Game