环境
| 应用 | 版本 |
|---|---|
| MacOS | v10.15.2 |
| Xcode | v11.3 |
| git | v2.21.0 |
| flutter | v1.12.13 |
| Dart | v2.7 |
安装flutter 与 环境配置
官方文档很详细,可以直接参考官方文档
开发工具
前端开发一般直接用VScode安装flutter插件就可以了,这个插件还会直接安装Dart插件
flutter 基本命令
创建app
flutter create [app_name]
运行app
flutter run
flutter自检
$ flutter doctor
通过自检命令可以看到flutter依赖的内容还有哪些没有安装,并提供安装方法。初次安装完成后会得到一个类似下图的结果:

安装packages
在 pubspec.yaml文件下添加package,然后执行下面的命令,或者在编辑器里点击Get Packages按钮
flutter pub get
更新
flutter packages upgrade
Dart和JS、TS的基本语法对比
| 语法 | javascript | typescript | dart |
|---|---|---|---|
| 注释 | // 、/**/ | // 、/**/ | // 、/**/、///(文档注释,可生成api文档) |
| 声明变量 | var、let | var、let | var(不指定类型,根据初次定义的值推断类型),dynamic动态类型,object可取动态类型 |
| 类型声明 | 无 | 采用冒号加类型的方式,例:let v: boolean | 类型关键字加变量名定义,例:String name = 'Bob'; |
| 声明常量 | const | const | final / const |
| 内置类型 | number、string、null、undefined、Boolean、Object、Array等 | boolean、number、string、Array、Tuple、enum、any、void、undefined、null、Never等 | numbers、strings、booleans、lists (也被称为 arrays)、sets、maps、runes (用于在字符串中表示 Unicode 字符)、symbols等 |
| 流程控制 | if、else、while、for、for in、switch..case | if..else、while、for、for..in、for..of、switch..case | if 和 else、for 循环、while 和 do-while 循环、break 和 continue、switch 和 case、assert |
| 函数 | function | function add(x: number, y: number): number | 建议为每个函数的参数以及返回值都指定类型,例:int [function_name](int n) |
| 箭头函数 | 有 | 有 | 有,用于仅包含一条语句的函数 |
| 类 | class、extends | class、extends、mixin | class、extends、Mixins、接口类、抽象类 |
| 导入 | import from 、as | import from 、as | import |
| 导出 | export、default | export、default | |
| 异步 | Async/await、promise、Generator/yield | Async/await、promise、Generator/yield | Async/await、Stream/yield |
| 捕获异常 | try..catch | try..catch | try..on..catch..finally |
运行第一个flutter程序
- 配置ios模拟器,在命令行中执行下面的命令打到模拟器,并检查当前的机型是否是iPhone 5s之后的版本
open -a Simulator
- 创建flutter工程 通过运行以下命令来创建一个新的 Flutter 应用:
flutter create [app_name]
- 进入项目目录,确保模拟器已经处于运行状态,输入以下命令来启动应用:
flutter run
- 第一次运行时间比较长,之后热更新就会很快了,界面大概是这个样子的

至此,基础ios开发测试环境就完了,如果你想把 Flutter 应用部署到 iOS 的真机上,你还需要一些别的工具和一个 Apple 开发者账号。具体的可以参考上面的官方文档链接