1.创建flutter工程
Flutter Application（全新的APP）
flutter create flutter_app
#指定语言：默认Android使用Java，iOS使用Objective-C
flutter create -i swift -a kotlin flutter_app
Flutter Module（混编到已有的Android/iOS工程）
flutter create -t module flutter_module
Flutter Package 只能用于 Dart 语言
flutter create --template=package flutter_package
Flutter Plugin 针对原生和Dart
- 默认创建方式
flutter create --org com.example --template=plugin flutter_demo
- Objective-C 项目
flutter create --org com.example --template=plugin -i objc -a java flutter_demo
- Swift 项目
flutter create --org com.example --template=plugin -i swift -a kotlin flutter_demo
2.安装依赖
Get package
flutter packages get
#如果不行可以设置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
Update package
flutter packages upgrade
3.项目运行
#列出所有连接的设备
flutter devices
#运行项目并显示支持设备
flutter run
#执行设备运行
flutter run -d 'iPhone Xʀ'
#运行在所有可用设备上
flutter run -d all
#查看可用模拟器
flutter emulators
#启动iOS模拟器
flutter emulators --launch apple_ios_simulator
#启动Android 模拟器-只有启动模拟器才可以运行
flutter emulators --launch Nexus_5X_API_27
flutter run -d emulator-5554
#运行IOS真机
flutter run -d 00008020-001838491169002E
调试
热更新直接刷新
$ r
热更新重启刷新
$ R
退出运行模拟器
$ q
查看日志
flutter logs
截图
flutter screenshot
升级你的Flutter
flutter upgrade
或者
git stash
flutter upgrade --force
真机运行
flutter run -d 73335b72c9ffd2154fafda7bb94e7c1c497336c3
安装
flutter install
打包
Android apk 打包
flutter build apk
apk生成目录
iOS ipa 打包
flutter build ios --debug
flutter build ios --release
编译目录：
项目工程目录/build/ios/iphoneos/Runner.app
Shell 脚本打包遗留目录(dst)
cd /private/tmp/Runner.dst
4项目调试
运行项目
control+ R
热重启(hot restart)
command+ option + \
热重载(hot reload)
command + \
5 代码操作
快速导入头文件
option + enter
给Model所有下划线属性生成get和set方法,光标插入到类名
control + enter
Surround with快速调出if,for,try…catch,while等环绕代码
选中需要嵌套的代码,使用这个组合快捷键可以包裹需要的代码块,如图
command+ option + T
快速生成模版代码块
command+ J
注释与取消注释,效果/**/
command+ option + /
删除行
command+ delete
选择区域
option + 双击 up
上下移动代码
option + shift + up/down
选中代码缩进
选中代码 + tab
选中代码 + shift + tab
复制单行
command + D
隐藏左侧目录结构窗口
shift + esc
快速创建一个StatefulWidget
stful
快速创建一个StatelessWidget
stless
添加或者移除widget
option + enter
抽取代码为单独的Widget
有时候代码嵌套太多,不方便阅读,抽取Widget为一个单独的类,提高代码的阅读性
// 鼠标选中需要转换的类名,或光标放到类名之间
command + option + W
将StatelessWidget转 StatefulWidget
鼠标选中需要转换的类名,或光标放到类名之间
option + enter
自动导入用到的包
// 选中该方法 +
option + enter
行尾自动添加分号，if后面自动加“(){ }”
shift + command + enter
返回到上次编辑位置
cmd + [ / ]
opt + cmd + ← / →
抽取代码为单独的方法,或者抽取成get方法
command + option + M
查看抽象类的实现
command + option + B
6 格式化
页面内,类代码块展开/收缩
// 展开
command + shift + 加号
// 收缩
command + shift + 减号
局部代码块展开/收缩
// 展开
cmd +
// 收缩
cmd -
格式化代码
opt + cmd + L
自动缩进对齐
ctr + alt + I
清除无效包引用
opt + ctr + o
升级你的Flutter
flutter upgrade
或者
git stash
flutter upgrade --force
Android apk 打包
flutter build apk
iOS ipa 打包
flutter build ios --debug
flutter build ios --release
7 搜索查找
当前文件查找/替换
// 当前文件查找
Command + F
// 当前文件替换
Command + R
-
跳到下一个高亮的变量
Command + G -
跳到上一个高亮的变量
Shift + Command + G
全局查找/替换
-
全局搜查找
Shift +Command + F -
全局替换
Shift +Command + R
全局搜索类
Command + o
全局搜索类/方法/参数
opt + cmd + o
打开最近访问的文件列表
cmd + E
网友评论