[Flutter翻译]IntelliJ / Android Studio的Flutter开发快捷键

636 阅读5分钟

本文由 简悦SimpRead 转码,原文地址 codewithandrea.com

最有用的IntelliJ/Android Studio快捷键列表,以提高生产力。

生命是短暂的。

时间是宝贵的。

充分利用它吧。

WaitBuyWhy上有一篇非常好的文章,关于你生命中的几周就像钻石一样。

你有这一小勺钻石,你真的想创造一种生活,让它们让你快乐。

当我在区域内编码时,我很高兴。我把我的IDE看作是我的大脑的一个强大延伸。

在这里,我分享一些我最喜欢的Flutter开发的快捷方式,这样我可以为自己和其他人节省很多时间。

第一件事

IntelliJ IDEA是非常可配置的,我把它作为我开发Flutter的首选IDE。

你可以通过选择 "帮助"→"键图参考 "来查看默认的键图,它链接到这个方便的PDF参考

花一些时间来熟悉现有的键盘映射。然后,你可以优化你的工作流程,绑定你自己的键。这完全值得!

你可以在偏好设置中配置自定义键位。

  • IntelliJ IDEAPreferences⌘,,然后Keymap

image.png

我最喜欢的快捷方式

这个列表是我在工作流程中使用的通用快捷键和Flutter专用快捷键的组合。

用dartfmt重新格式化代码

对一个源文件做了修改,想重新格式化代码?

  • CodeReformat Code with dartfmt
  • 我的键盘图。⌥⌘L

它是如何工作的?说你的缩进有点乱,像这样。

image.png

用手来修正缩进?算了吧。

自动化和一致的格式化只需一个捷径就可以实现。

热门提示

在最后一个参数上添加一个逗号将使代码的格式化跨越多行。

image.png

在最后一个参数上省略逗号将使代码保持内联。

image.png

Flutter中的大多数库存小工具都有很多可选参数,所以将它们保持在不同的行中会是一个很大的胜利。


Extend / Shrink Selection

不需要用你的触控板来选择一个代码块。试试这个方法吧。

  • EditExtend Selection⌥↑.
  • EditShrink Selection⌥↓

image.png

image.png

image.png

你可以和Extract一起使用这个方法。


Extract to Method

选择一个代码块(确保括号是平衡的),然后。

  • ⌃ ClickRefactorExtractMethod...
  • 我的键盘图。⌥⌘M

image.png

对分解嵌套的widget树超级有用。


Wrap code options

在你的widget树中选择一个widget,然后。⌥⏎

image.png


重命名符号

  • ⌃ ClickRefactorRename.
  • 默认键位。⇧F6

image.png

我一直在用这个--特别是当我忘记把东西变成私有的时候。


导入库

创建一个新的小部件?你可以快速导入所需的库,而不用手动添加导入。只要点击⌥⏎

image.png

这个是天赐良机! ⏱


优化导入

随着你的代码的发展,你可能会发现它有未使用的导入。

image.png

⌃⌥OCodeOptimize Imports清除它们只是一个捷径而已。


实现重写

只要开始输入要被覆盖/实现的方法的名称。

image.png

IntelliJ会建议所有的候选方法 - 选择一个并点击回车。


实现方法

与上面类似,用它来快速添加一个类中尚未实现的方法。映射到⌃I

image.png


Generate

生成常见的类方法和成员的方便快捷的方法。映射到 ⌥N.

image.png


Search Everywhere

我把它作为一个快速文件切换器,或者在我的代码中按名称查找符号。

只要按一下双击⇧就可以显示这个窗口。

image.png


切换器

这对于在最近的文件之间切换非常有用。

⌃⇥显示,然后再按⌃⇥选择下一个标签或⌃⇧⇥选择上一个标签。

image.png

还要注意左边的标签。这些标签中的每一个都可以直接选择。所以应该是⌥1代表项目,⌥2代表收藏夹,以此类推。


Move Back / Forward

对源代码导航非常有用。例如,在点击一个方法定义后返回到前一个范围。

这个功能默认被映射到⌥⌘←⌥⌘→

image.png

Find Usages

这个在较大的项目中或者如果你是一个代码库的新手,超级有用。查找一个给定方法或类的所有使用情况。

EditFindFind Usages⌥F7

image.png


Open project in Xcode / Android Studio

曾经需要跳转到Xcode来编辑你的iOS代码/设置吗?

ios文件夹,然后⌃点击Flutter在Xcode打开项目...

image.png

或者跳转到Android Studio来编辑你的Android项目?

android文件夹,然后⌃点击Flutter在Android Studio中打开项目...

image.png


隐藏所有工具窗口和无干扰模式

IntelliJ有很多有用的工具窗口。但有时它们会碍手碍脚。

隐藏它们只需用⇧⌘F12的快捷方式。

image.png

这样做的目的是把它们折叠到一边(同时仍然可以访问)。

要完全隐藏它们,你可以使用无干扰模式。(视图进入无干扰模式)。我将此映射到⇧⌘F11

image.png

还有一件事

Flutter中的热重装非常棒。我通过并排运行我的IDE和模拟器来获得它的最佳效果。

image.png

通过这种设置,我得到了超级快速的反馈,而且我的Flutter工作流程也是轻而易举。🚀

我有没有遗漏任何好的快捷方式?让我知道在Twitter

编码愉快!


www.deepl.com 翻译