Flutter 常用的快捷命令

代码块

StatelessWidget 和 StatefulWidget

快速创建基于 StatelessWidget 和 StatefulWidget 的小部件,这两组代码块是最常见的了。

只需要输入 stl 就可以创建一个 StatelessWidget。

StatelessWidget.png

只需要输入 stf 就可以创建一个 StatefulWidget。

StatefulWidget.png

自定义的代码块

AS中可以设置代码块,Settings -> Editor -> Live Templates
我们可以参考自带的 slful 代码块进行设置。点击的 + 就可添加代码块了。

CustomBlock.png

快捷键

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

** Option + Enter 自动 import 未导入的文件**

如果有一个文件的 import 被删除了,直接对报错的类名称使用 option + Enter 搞定导入的动作。

import.png

如果你不想每次创建类都导入文件,那么我们可以直接根据提示创建对象。将类名输入,然后AS就不需要你手动import了。

autoImport.png

Shift + F6 重命名(如果是Touch Bar就是Shift + Rename...)
** Command + -/+ 折起/展开代码块**
** Command + . 折起/展开选中代码**
** Command + , 进入设置页面**
** Command + [ 光标回到上一次编辑的位置**
** Command + ] 光标回到下一次编辑的位置**
** Command + L 定位某一行,甚至某一个字符**

Location.png

** Command + / 注释**
** Command + Y 查看选中类的属性**
** Command + O 快速打开(一般用于快速打开某个文件)**
** Option + Enter 扩展功能(很重要!)**

查看小部件源码

  • Command + Click(鼠标左键)
  • Command + B
  • Command + Down(小键盘↓)
  • F4(非Touch Bar键盘)

** Option + up(↑) 选中上一层代码**
** Command + option + M 将选中代码提取到某个方法中**
** Command + option + L 格式化代码**
** Command + Shift + -/+ 折起/展开所有代码块**
** Option + Shift + Up/Down 上下移动行**
** Command + Shift + Up/Down 上下移动方法**

自动化格式代码

Settings -> Editor -> Languages & Frameworks -> Flutter -> Editor
选中Format code on save 也可以勾选子选项 Organize imports on save
注意:我这里使用的是V 3.6.3 可能将来会有变化。

FormatCode.png

你可能感兴趣的:(Flutter 常用的快捷命令)