
老孟導(dǎo)讀:此快捷方式適用于Mac下的 Android Studio 。Windows 下的快捷方式請參考這篇文章:https://juejin.im/post/5efe71365188252e7d7fd0ca
快速創(chuàng)建一個新的Stateless or Stateful組件
創(chuàng)建新的 Stateless 組件,輸入stless,回車:

創(chuàng)建新的 Stateful 組件,輸入 stful,回車:

創(chuàng)建新的 動畫組件,輸入 stanim,回車:

還有其他的一些快捷方式,這里不一一介紹,這些快捷方式在 Preferences 中可以找到,路徑:Preferences -> Editor -> Live Templates:

Dart 和 Flutter 下就是快捷方式,也可以進行修改,上面我的快捷方式直接導(dǎo)入包和注釋,是自己加的,默認是沒有的:

自定義快捷鍵,選中 Flutter,點擊右上角的 + 號,選擇 Live Template,然后輸入名稱和生成的代碼,點擊 OK。

最低部會出現(xiàn)警告,選中 Dart ,點擊 OK。

使用的方法是一樣的,輸入 test,回車即可。
File And Code Templates
創(chuàng)建 Dart 文件時,生成默認代碼,打開 Preferences -> Editor -> File And Code Templates,選中右側(cè)的 Files 標簽,默認里面是空的

加入自動生成代碼:
import 'package:flutter/material.dart';
///
/// des:
///
class ${NAME} extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container();
}
}

創(chuàng)建一個 home_page 的 dart 文件:

新創(chuàng)建的 dart 文件自動生成了預(yù)置的代碼。
格式化代碼
快捷鍵:option + command + L(字母 L 鍵)

清除無用引用
快捷鍵:control + option + O(字母 O 鍵)

前進/后退光標的位置
當跟蹤代碼的時候,經(jīng)常跳轉(zhuǎn)到其他類,后退快捷鍵:option+command+方向左鍵,前進快捷鍵:option+command+方向右鍵,

查看當前類的繼承關(guān)系
快捷鍵: control + H

注意:選中 build 中 Container ,按快捷鍵無效,必須進入 Container 源代碼,選中 Container 類名,才可以。
注釋
單行注釋:command + / 。
多行注釋/**/:option + command + / 或者選中多行 :command + /

查找引用
選中要查找的類或者方法,按下快捷鍵:command + G,底部彈出引用列表。

自動引入包
快捷鍵:option + 回車,選擇正確的包。

自動定位
右側(cè)進入一個代碼文件時,左側(cè)自定定位到此文件,在 project 標簽 設(shè)置中勾選 Autoscroll to source 和 Autoscroll from source。

注意左側(cè) project 標簽變化。

當前文件搜索
快捷鍵: command + F

全局搜索
快捷鍵:command + shift + F

搜索文件:
快捷鍵:點擊2次 shift

自動生成構(gòu)造函數(shù):
選中 final 參數(shù),快捷鍵:option + 回車

添加父組件、變?yōu)樽咏M件、刪除子組件
快捷鍵: option+回車

可以給當前組件添加 Center、 Padding、Column 等父組件。
也可以選擇組件進行刪除、移動組件。
查看UI大綱
打開 Flutter Outline 標簽

可以清楚的看清 UI 結(jié)構(gòu)。
將代碼提取到方法中
打開 Flutter Outline 標簽,點擊向右箭頭的圖標:

Flutter 資源網(wǎng)站
- 官網(wǎng):https://flutter.dev/
- 中文網(wǎng):https://flutterchina.club/
- Flutter 中文社區(qū)資源:https://flutter-io.cn/
- pub(國內(nèi)):https://pub.flutter-io.cn/
- pub:https://pub.dev/
- DartPad:https://dartpad.dartlang.org/
- Dart 官網(wǎng):https://dart.dev/
- CodePen:https://codepen.io/
- Json 轉(zhuǎn)實體類:https://javiercbk.github.io/json_to_dart/
最后隆重推薦一下我的博客:http://laomengit.com/flutter/widgets/widgets_structure.html,包含了 330 個組件詳細用法和 Flutter 實戰(zhàn)系列文章。
交流
老孟Flutter博客地址(330個控件用法):http://laomengit.com
歡迎加入Flutter交流群(微信:laomengit)、關(guān)注公眾號【老孟Flutter】: