Flutter 快捷开发 Mac Android Studio 篇

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

快速建立一个新的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+回车

能够给当前组件添加 Center、 Padding、Column 等父组件。

也能够选择组件进行删除、移动组件。

查看UI大纲

打开 Flutter Outline 标签

能够清楚的看清 UI 结构。

将代码提取到方法中

打开 Flutter Outline 标签，点击向右箭头的图标：

Flutter 资源网站

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

最后隆重推荐一下个人博客：laomengit.com/flutter/wid…，包含了 330 个组件详细用法和 Flutter 实战系列文章。

交流

老孟Flutter博客地址（330个控件用法）：laomengit.com

欢迎加入Flutter交流群（微信：laomengit）、关注公众号【老孟Flutter】：