Flutter 快捷開發(fā) Mac Android Studio 篇

老孟導(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+回車

可以給當前組件添加 CenterPaddingColumn 等父組件。

也可以選擇組件進行刪除、移動組件。

查看UI大綱

打開 Flutter Outline 標簽

可以清楚的看清 UI 結(jié)構(gòu)。

將代碼提取到方法中

打開 Flutter Outline 標簽,點擊向右箭頭的圖標:

Flutter 資源網(wǎng)站

  1. 官網(wǎng):https://flutter.dev/
  2. 中文網(wǎng):https://flutterchina.club/
  3. Flutter 中文社區(qū)資源:https://flutter-io.cn/
  4. pub(國內(nèi)):https://pub.flutter-io.cn/
  5. pub:https://pub.dev/
  6. DartPad:https://dartpad.dartlang.org/
  7. Dart 官網(wǎng):https://dart.dev/
  8. CodePen:https://codepen.io/
  9. 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】:

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容