Flutter 快捷开发 Mac Android Studio 篇

老孟导读:此快捷方式适用于Mac下的 Android Studio 。Windows 下的快捷方式请参考这篇文章:https://juejin.im/post/5efe71365188252e7d7fd0ca

快速创建一个新的Stateless or Stateful组件

创建新的 Stateless 组件,输入stless,回车:

创建新的 Stateful 组件,输入 stful,回车:

创建新的 动画组件,输入 stanim,回车:

还有其他的一些快捷方式,这里不一一介绍,这些快捷方式在 Preferences 中可以找到,路径:Preferences -> Editor -> Live Templates:

Dart 和 Flutter 下就是快捷方式,也可以进行修改,上面我的快捷方式直接导入包和注释,是自己加的,默认是没有的:

自定义快捷键,选中 Flutter,点击右上角的 + 号,选择 Live Template,然后输入名称和生成的代码,点击 OK

最低部会出现警告,选中 Dart ,点击 OK。

使用的方法是一样的,输入 test,回车即可。

File And Code Templates

创建 Dart 文件时,生成默认代码,打开 Preferences -> Editor -> File And Code Templates,选中右侧的 Files 标签,默认里面是空的

加入自动生成代码:

import 'package:flutter/material.dart';

///
/// des:
///
class ${NAME} extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container();
  }
}

创建一个 home_page 的 dart 文件:

新创建的 dart 文件自动生成了预置的代码。

格式化代码

快捷键:option + command + L(字母 L 键)

清除无用引用

快捷键:control + option + O(字母 O 键)

前进/后退光标的位置

当跟踪代码的时候,经常跳转到其他类,后退快捷键:option+command+方向左键,前进快捷键:option+command+方向右键,

查看当前类的继承关系

快捷键: control + H

注意:选中 build 中 Container ,按快捷键无效,必须进入 Container 源代码,选中 Container 类名,才可以。

注释

单行注释:command + / 。

多行注释/**/:option + command + / 或者选中多行 :command + /

查找引用

选中要查找的类或者方法,按下快捷键:command + G,底部弹出引用列表。

自动引入包

快捷键:option + 回车,选择正确的包。

自动定位

右侧进入一个代码文件时,左侧自定定位到此文件,在 project 标签 设置中勾选 Autoscroll to source 和 Autoscroll from source。

注意左侧 project 标签变化。

当前文件搜索

快捷键: command + F

全局搜索

快捷键:command + shift + F

搜索文件:

快捷键:点击2次 shift

自动生成构造函数:

选中 final 参数,快捷键:option + 回车

添加父组件、变为子组件、删除子组件

快捷键: option+回车

可以给当前组件添加 CenterPaddingColumn 等父组件。

也可以选择组件进行删除、移动组件。

查看UI大纲

打开 Flutter Outline 标签

可以清楚的看清 UI 结构。

将代码提取到方法中

打开 Flutter Outline 标签,点击向右箭头的图标:

Flutter 资源网站

  1. 官网:https://flutter.dev/
  2. 中文网:https://flutterchina.club/
  3. Flutter 中文社区资源:https://flutter-io.cn/
  4. pub(国内):https://pub.flutter-io.cn/
  5. pub:https://pub.dev/
  6. DartPad:https://dartpad.dartlang.org/
  7. Dart 官网:https://dart.dev/
  8. CodePen:https://codepen.io/
  9. Json 转实体类:https://javiercbk.github.io/json_to_dart/

最后隆重推荐一下我的博客:http://laomengit.com/flutter/widgets/widgets_structure.html,包含了 330 个组件详细用法和 Flutter 实战系列文章。

交流

老孟Flutter博客地址(330个控件用法):http://laomengit.com

欢迎加入Flutter交流群(微信:laomengit)、关注公众号【老孟Flutter】:

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,830评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,992评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,875评论 0 331
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,837评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,734评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,091评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,550评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,217评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,368评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,298评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,350评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,027评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,623评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,706评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,940评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,349评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,936评论 2 341