原生开发转Flutter开发,最头大的就是嵌套结构,在代码中添加或删除一个小部件,或者找到一个小部件在何处结束、何处开始是多么困难。然后,您需要花费一整天的时间来匹配左括号与右括号。 接下来,我整理了一些开发中的快捷方式,来提高Flutter的开发效率。
创建一个新的Stateless 组件 只需输入stless即可创建一个无状态小部件,如下所示: 创建一个 Stateful组件** 输入stful创建一个StatefulWidget
快速修改Widget类型:Alt + Enter 当你想把StatelessWidge改为一个StatefulWidget的话,以前我们会新建一个State类,并修改之前StatelessWidget的相关代码。 其实只需要将光标StatelessWidget的地方,按住Option + Enter(在Windows中是Alt + Enter)
使用Option + Enter可以执行很多其他组件替换,按Option + Enter,就可以查看对该widget进行特定的操作
组件添加Padding,并且不会弄乱你之前的代码结构。将widget放到Container中,只需要按下Option + Enter,单击Wrap with Container就可以给widget的外面加上一层Container。 设置widget居中 Center 将多个widget放到Row,Column中 将widget放到任意的小部件中 移除widget,选择Remove Widget就可以将当前的widget进行删除。 **快速选择整个小部件 Option + Up(↑) **可以无需移动光标,就可以帮我们选择出整个widget的相关代码,快捷键Option + Up(↑) Ctrl + W(Windows)
格式化代码 Ctrl+Alt+L
Flutter Outline,提取代码,替换方法
Flutter Outline是一个非常有用的工具。Alt + Enter快捷键可以做widget相关的代码,大部分也可以在 Flutter Outline上进行操作,不过还是Alt + Enter能够实现的功能,还是尽量用Alt + Enter就行,比较快,
FlutterOutline提取方法。这个操作可以利用Extract Method来快速完成,不需要你手动将代码转移到一个方法中
上下移动小部件,重新排序这些child widget的顺序。
重命名方法,重命名widget,重命名类或者文件名,只需要使用Shift + F6 就可以输入新名称了
删除未使用的import
单文件替换名称 Cmd + R
还可以使用Cmd +Shift +R 全工程替换
另附:Mac其他常用快捷键
(一)查找/查看 格式化代码 Cmd + Option + L 清除无效包引用 Option + Control + O 删除词 option + Delete 大小写转换 Cmd + Shift + U 快捷生成结构体 Cmd + Option + T 文件方法结构 Cmd + F12 double shift 查找 Cmd + R 替换文件 Cmd +Shift +R 全工程替换 (二)控制操作 cmd + “-”,cmd + “+” :折叠/展开代码块 Cmd + Shift + “-”,Cmd + Shift+ “+” :折叠/展开全部代码块 ctr + tab :切换文件 Option + ctr + O :清除无效包引用 (三)代码重构 Option + cmd + M : 方法重构,方法抽离 抽离为局部变量 Option + cmd + V 抽离为成员变量 Option + cmd + F 代码快速补全:Cmd + Shift + Enter 快速修复存在问题的代码,导入包,自动修正:alt + enter