Android Studio快速编写 Flutter 代码提高开发效率

目录

  • 开发环境
  • 1 快捷创建Flutter Widget 模板代码
    • 1.1 StatefulWidget
    • 1.2 StatelessWidget
    • 1.3 Scaffold + AppBar
    • 1.4 FutureBuilder
    • 1.5 ListView
    • 1.6 showDialog
  • 2 快捷生成for循环代码
  • 3 Widget嵌套布局中快速删除或添加父Widget
  • 4 给代码块添加 try catch
  • 5 快捷复制、删除一行代码
  • 6 快速添加去除代码块的 “///” 注释

开发环境

macOS + Android Studio Bumblebee | 2021.1.1 Patch 3
使用的快捷键风格为 macOS风格

理论上除了 “5 快捷复制、删除一行代码” 的快捷键不一样以外,其它的在Windows中是一样的。


1 快捷创建Flutter Widget 模板代码

1.1 StatefulWidget

快捷方式:stful

Android Studio快速编写 Flutter 代码提高开发效率_第1张图片

1.2 StatelessWidget

快捷方式:stless

Android Studio快速编写 Flutter 代码提高开发效率_第2张图片

1.3 Scaffold + AppBar

快捷方式:scafAppBar

Android Studio快速编写 Flutter 代码提高开发效率_第3张图片

1.4 FutureBuilder

快捷方式:futureBldr

1.5 ListView

快捷方式:listviewBldr
Android Studio快速编写 Flutter 代码提高开发效率_第4张图片

1.6 showDialog

快捷方式:showDialog


2 快捷生成for循环代码

快捷方式:itariter

for循环

Android Studio快速编写 Flutter 代码提高开发效率_第5张图片
for in
Android Studio快速编写 Flutter 代码提高开发效率_第6张图片


3 Widget嵌套布局中快速删除或添加父Widget

将光标移动到需要操作Widget上,键盘按下快捷键 ALT + Enter

添加父Widget

删除父Widget


4 给代码块添加 try catch

选中代码块 - 按下快捷键 Alt + Enter - 选择 try-catch 或 try-finally

Android Studio快速编写 Flutter 代码提高开发效率_第7张图片


5 快捷复制、删除一行代码

光标放置在某一行代码上,按下快捷键即可

  • Ctrl + D 快速复制这一行
  • Command + Backspace 快速删除这一行

Android Studio快速编写 Flutter 代码提高开发效率_第8张图片


6 快速添加去除代码块的 “///” 注释

Command + / 是添加或去除“//” 注释,但添加或删除“///”的注释快捷键我还没找到
Column Selection Mode 按列的方式选中代码可以做到较快的添加或删除“///”的注释
鼠标在代码编辑区,右键点击一下,即可弹窗带Column Selection Mode选项的菜单

你可能感兴趣的:(Flutter,Android,Studio,flutter,快速生成for循环,模板代码,快捷键)