初识flutter

384 阅读2分钟

环境

应用 版本
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程序

  1. 配置ios模拟器,在命令行中执行下面的命令打到模拟器,并检查当前的机型是否是iPhone 5s之后的版本
open -a Simulator
  1. 创建flutter工程 通过运行以下命令来创建一个新的 Flutter 应用:
flutter create [app_name]
  1. 进入项目目录,确保模拟器已经处于运行状态,输入以下命令来启动应用:
flutter run
  1. 第一次运行时间比较长,之后热更新就会很快了,界面大概是这个样子的

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