Flutter 中好用的快捷键

注:本文快捷键是在 Android Studio 中使用的。

1. 【command 加 -】

折叠代码

场景:写界面的时候经常一层套一层,为了看得更清晰,这个时候就特别需要将一些代码折叠起来,看我们关心的部分。
使用:点击我们需要折叠代码的部分,按住 command 键,点击 - 键,就可以逐层折叠了。

【command 加 +】

展开代码

场景:折叠代码以后需要展开看看,可以使用这个快捷键。当然也可以直接点击 ...
使用:点击我们需要折叠代码的部分,按住 command 键,点击 + 键,就可以逐层展开了。

【stl & stf】

自动创建 StatelessWidget 或 StatefulWidget

场景:在创建 widget 时,需要我们自己写很多例行代码,浪费时间,需要快捷方式。
使用:直接输入 stl 或者 stf,系统自动生成代码,我们只需要输入类名即可。

【option + enter】

将 widget 自动包裹一层 widget 或删除这层 widget

将 StatelessWidget 转为 StatefulWidget

自动导入文件

场景:有时需要将一个 widget 外面再包裹到另外一个 widget 里面或者移除这一层 widget,复制剪切很麻烦。有时也需要将 StatelessWidget 转为 StatefulWidget。
使用:点中需要被包裹的 widget,点击 option 和 enter 弹出如下菜单,选择需要的 widget 即可。如果要移除这个widget,选择 Remove this widget。在任何 widget 上使用这个快捷方式都会有相应的操作,非常好用。


将 StatelessWidget 转为 StatefulWidget 使用快捷键弹出如下菜单。

自动导入文件弹出菜单如下

【command + option + t】

快速调出环绕代码

场景:有时需要在一些代码外面加上 if 、for、while 等代码
使用:选中代码,点击 command 和 option 和 t 弹出如下菜单。选择对应的即可。

【command + option + /】

添加注释

场景:添加注释 // 和 /**/
使用:选中要注释的代码,按 command + / 则添加 //, 如果希望多行注释可以多按一个 option。

【command + n】

给类增加方法

场景:新写一个类的时候,有时候需要添加一些方法,比如构造方法,set & get 等。
使用:点击类名,按这个快界面,出来如下菜单,点击可以添加对应方法,不用手动敲代码。

【option + command + b】

查看抽象类或方法的子类实现

场景:在看源码过程中,看到一些抽象类或方法,希望能看子类具体实现,或者看看有哪些子类。
使用:选择抽象类名或方法,然后用这个快捷键查看。

image.png

【option + shift + 上下键】

移动代码

场景:有时要将某行代码移动到下面一行来,复制剪切粘贴要操作好几步。
使用:选中要移动代码使用快捷键即可。

你可能感兴趣的:(Flutter 中好用的快捷键)