flutter AS 开发快捷方式

开始学习Dart+Flutter | 2024-1-16

全局搜索

edit-->find-->find in files即可打开搜索界面，也可以通过快捷键ctrl+shift+f打开，如果没反应，很大可能是和输入法的快捷方式冲突了，例如搜狗输入法，禁用了搜狗的快捷方式就行。

搜索界面如下：

创建Stateless/Stateful组件

• stless 创建无状态小组件
• stfull 创建有状态小组件

• 将Stateless修改为statefull组件：将光标放在StatelessWidget上，按Alt + Enter并单击Convert to StatefulWidget。将自动为您创建所有样板代码。

flutter outline

查看UI大纲

AS右上侧，flutter outline，打开可以清晰的看到页面布局使用的小组件。

将代码提取到方法中

如果觉得小组件太长了，应该自定义小组件，可以使用flutter outline中的extract method，提取方法。

上下移动小组件

通过outline面板中的上下箭头操作，或者通过Shift + Alt +向上/向下键快捷方式操作。

重构重命名

这是大多数IDE都具备的非常基本的工具。这可以重命名方法、小部件、类或文件名，并确保也重命名了对该方法的引用。只需使用Shift + F6并输入新名称即可：

其他常用快捷方式

• 给组件添加小部件/快速移除小组件： Alt+Enter或者右键show context actios

• 查看小部件源代码 ctrl+B

• 复制或剪切一行代码： 将光标放在这行代码，然后按ctrl+x或者ctrl+c就可以复制或者剪切。

• 快速选择整个小部件：选中小部件，然后ctrl+w，就可以选择整个小部件，并且光标没有移动。

• 格式化代码: Ctrl + Alt + L

• 删除未使用的导入：Ctrl + Alt + O

• 快速查找类:双击shift，至于可以开发中可以快速生成构造器等的快捷方式，后期实践的时候，再记录。

• 显示当前文件的结构: Ctrl＋F12

• 快速打开类: Ctrl＋N

• 显示最近编辑的文件列表: Ctrl＋E

• 跳转到上次编辑的地方 Ctrl＋Shift＋Backspace

• 快速打开文件 Ctrl＋Shift＋N

• 将正在编辑的元素在各个面板中定位 Alt＋F1

截图

1、给组件添加小部件/快速移除小组件

2、快速选择整个小部件

参考

根据老孟Flutter | Flutter —快速开发的IDE快捷方式整理的文档。