abap开发注释快捷键_Flutter 快捷开发 Mac Android Studio 篇

本文介绍了在Mac版Android Studio中进行Flutter开发的快捷键和提高效率的技巧,包括快速创建组件、文件模板、代码格式化、清除无用引用、查看继承关系、注释、查找引用等功能。此外,还提供了Flutter资源网站和一些实用的开发工具。
摘要由CSDN通过智能技术生成

作者:老孟

导读:此快捷方式适用于Mac下的 Android Studio

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

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

f3772be06b3f94849f248983afe5a43a.gif

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

d558fa7ab535461990282b0e838b2a95.gif

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

6ca687ef015e1fbcb87816ddf05807cc.gif

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

0e59dd41351553523f7966b0a701c4ff.png

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

e70c023b9edc279884cfaf3dc0e759e7.png

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

49e1b2030e2e8368e6991312e5a8fd22.gif

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

357ac25719966a2b0971d246db8efa54.gif

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

File And Code Templates

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

8a0d852e0ead0535f3308f3163156043.png

加入自动生成代码:

import 'package:flutter/material.dart';// des:///class ${NAME} extends StatelessWidget {  @override  Widget build(BuildContext context) {    return Container();  }}
bd40c80f51f3ea37e472bde67321b5cb.png

创建一个 home_page 的 dart 文件:

9cd3ebf2b2bafee082f850ab8ff818aa.gif

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

格式化代码

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

4275a4f1e5522295ef751aa7c9a1393e.gif

清除无用引用

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

a642abd248e10946493f930c07dbda0f.gif

前进/后退光标的位置

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

1abee5991847dc2b22ca0ca698f4bb7c.gif

查看当前类的继承关系

快捷键: control + H

b6559f79e69b13cff7a83a52c08b3e52.gif

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

注释

单行注释:command + / 。

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

93cdc49106b7b066d5d67056dc5f35fb.gif

查找引用

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

969cfb78447705c54ec6070c79c55b4a.gif

自动引入包

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

289b6e4569e8ae64a02d06af74eb6119.gif

自动定位

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

c9780988ef988fc37b6d8a1b22000487.png

注意左侧 project 标签变化。

fd61401dc811f0b5874c136ca9792b40.gif

当前文件搜索

快捷键: command + F

2f5d2b76e23076cd99292a45764239a6.png

全局搜索

快捷键:command + shift + F

1213febc6d66306cfef256c9863267bb.png

搜索文件:

快捷键:点击2次 shift

fc722fac21d5424fffc55a1cb31b8c14.png

自动生成构造函数:

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

4fd925205044950b46cfa34ab9af6b3b.gif

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

快捷键: option+回车

7263787bae492ca10cc0d04f54ea375e.gif

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

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

查看UI大纲

打开 Flutter Outline 标签

0759630be1c3969dfabb46424f472927.png

可以清楚的看清 UI 结构。

将代码提取到方法中

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

1023febdd981def19a5cbea293c4ac25.gif

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…

最后

有了Flutter,就有了几乎无穷无尽的可能性,因此即使是体量巨大的App也可以轻松地被创建出来。如果你是做移动App开发的并且尚未尝试过Flutter,我强烈建议你试一下,因为我相信你也会爱上它的。使用Flutter几个月之后,我认为可以说这是移动开发的未来。如果不能算未来的话,这也绝对是朝着正确方向迈出去的一步。

最最最后

有一些Flutter的资料分享给大家,如果需要的话可以私信【Flutter】领取

2c16f8313c931e6993641f27ea1fa52d.png

还还还有,在这里我也分享一份由几位大佬一起收录整理的Android学习PDF+架构视频+面试文档+源码笔记高级架构技术进阶脑图、Android开发面试专题资料,高级进阶架构资料

这些都是我闲暇还会反复翻阅的精品资料。可以有效的帮助大家掌握知识、理解原理。当然你也可以拿去查漏补缺,提升自身的竞争力。

如果你有需要的话,可以私信我【进阶】我发给你

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值