Flutter-最全常用快捷键

950 阅读3分钟

这里会介绍 Flutter 的命令和 Android Studio 的快捷键,可以高效的提升开发的效率。

Flutter 命令

创建 Flutter App

  • 创建默认语言的 Flutter
//默认语言 iOS Swift,Android kotlin

flutter create flutter_app
  • 创建指定原生语言的 Flutter App
//使用语言 iOS Swift,Android kotlin
flutter create -i swift -a kotlin flutter_app

//使用语言iOS Objective-C,Android java
flutter create -i objc -a java flutter_app

创建 Flutter Plugin 插件

  • 插件里面是可以包含原生代码的
  • 创建插件,使用--template=plugin参数执行flutter create
  • --org表示你的组织,一般使用反向域名表示,用于标识包
flutter create --org com.example --template=plugin flutter_demo

//指定平台使用的开发语言
flutter create --org com.example --template=plugin --platforms=android,ios -i objc -a java flutter_demo

创建 Flutter Module

这个里面只有 Dart 代码,没有原生代码

flutter create -t module flutter_module

关于依赖

  • 安装依赖
flutter packages get
  • 更新依赖
flutter packages upgrade

  • 配置镜像 在.bash_profile或者.zshrc配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

项目常用快捷键

//检查flutter状态,很重要能知道自己环境配置的问题
flutter doctor

//列出所有连接的设备
flutter devices

//运行指定模拟器或者真机
flutter run -d deviceId

//运行所有模拟器
flutter run -d all

//查看可用模拟器
flutter emulators

//启动iOS模拟器
flutter emulators --launch apple_ios_simulator

//启动Android 模拟器-只有启动模拟器才可以运行
flutter emulators --launch XXX

//运行IOS真机
flutter run -d 00008030-0012215C3C3A802E

//查看flutter sdk的所有分支
flutter channel

//切换sdk分支
flutter channel stable

//获取flutter项目中以来的包,不包括flutter sdk
flutter packages get

//更新flutter项目所有依赖包,不包括flutter sdk
flutter packages upgrade

//查看日志
flutter logs

//查看命令的帮助信息
flutter help

//升级flutter版本
flutter upgrade

设备列表

截屏2021-12-03 下午4.13.55.png

模拟器列表

截屏2021-12-03 下午4.16.52.png

项目调试

//热更新直接刷新
$ r
//热更新重启刷新
$ R
//退出运行模拟器
$ q

打包

//Android 打包
flutter build apk

//iOS 打包
flutter build ios --debug
flutter build ios --release

AndroidStudio 快捷键

因为 Flutter 选择通过 Android Studio 进行开发,那这个工具的快捷键还是需要掌握的,熟练使用快捷键可以大大提高开发效率并可以减少某些错误的发生。

快捷键

CMD + ,             进入偏好设置

CMD + /             注释

Ctrl + option + O   删除未使用的import

option + Enter      自动import未导入的文件

CMD + -/+           折起/展开代码块

CMD + Shift + -/+   折起/展开所有代码块

CMD + .             折起/展开选中代码

CMD + L             定位代码所在行

CMD + [             光标回到上一次编辑的位置

CMD + ]             光标回到下一次编辑的位置

CMD + Y             查看选中类的属性

CMD + O             快速打开(一般用于快速打开某个文件)

CMD + option + L    格式化代码

Option + Shift + Up/Down  上下移动行

Command + Shift + Up/Down   上下移动方法

Flutter 插件包含了以下模板

  • 前缀 stless:创建一个 StatelessWidget 的子类。

  • 前缀 stful:创建一个 StatefulWidget 的子类,并关联 State 子类。

  • 前缀 stanim:创建一个 StatefulWidget 的子类,并关联 State 子类,包含一个 AnimationController 的初始化字段。

你还可以通过 Settings > Editor > Live Templates 定义自定义模板。

创建代码块

Preferences -> Editor -> Live Templates,我们可以查看系统添加好的 Flutter 代码块,有对应的代码块的简称、描述、内容,能输入 stl创建 StatelessWidget ,就是这里添加了代码块。我们也可以添加一些常用的代码块,使用起来还是很方便的。

截屏2021-11-24 下午11.28.44.png

自动格式化代码

Preferences -> Languages & Frameworks -> Flutter -> Editor,然后选中 选中Format code on save 和 Organize imports on save 。然后点击 OK 这样书写代码就会自动格式化了

截屏2021-11-24 下午11.18.30.png

欢迎关注、点赞及转发。