Flutter   发布时间:2022-05-03  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Flutter 快捷开发 Mac Android Studio 篇大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

Flutter 快捷开发 Mac Android Studio 篇

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

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

Flutter 快捷开发 Mac Android Studio 篇

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

File And Code Templates

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

Flutter 快捷开发 Mac Android Studio 篇

加入自动生成代码

import 'package:Flutter/material.dart';

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

Flutter 快捷开发 Mac Android Studio 篇

创建一个 home_page 的 dart 文件

Flutter 快捷开发 Mac Android Studio 篇

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

格式化代码

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

Flutter 快捷开发 Mac Android Studio 篇

清除无用引用

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

Flutter 快捷开发 Mac Android Studio 篇

前进/后退光标的位置

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

Flutter 快捷开发 Mac Android Studio 篇

查看当前类的继承关系

快捷键: control + H

Flutter 快捷开发 Mac Android Studio 篇

注释

单行注释:command + / 。

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

Flutter 快捷开发 Mac Android Studio 篇

查找引用

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

Flutter 快捷开发 Mac Android Studio 篇

自动引入包

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

Flutter 快捷开发 Mac Android Studio 篇

自动定位

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

Flutter 快捷开发 Mac Android Studio 篇

注意左侧 project 标签变化。

Flutter 快捷开发 Mac Android Studio 篇

当前文件搜索

快捷键: command + F

Flutter 快捷开发 Mac Android Studio 篇

全局搜索

快捷键:command + shift + F

Flutter 快捷开发 Mac Android Studio 篇

搜索文件

快捷键:点击2次 shift

Flutter 快捷开发 Mac Android Studio 篇

自动生成构造函数

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

Flutter 快捷开发 Mac Android Studio 篇

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

快捷键: option+回车

Flutter 快捷开发 Mac Android Studio 篇

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

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

查看UI大纲

打开 Flutter Outline 标签

Flutter 快捷开发 Mac Android Studio 篇

可以清楚的看清 UI 结构。

代码提取方法

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

Flutter 快捷开发 Mac Android Studio 篇

Flutter 资源网站

  1. 官网:@L_489_60@
  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】:

Flutter 快捷开发 Mac Android Studio 篇

Flutter 快捷开发 Mac Android Studio 篇

大佬总结

以上是大佬教程为你收集整理的Flutter 快捷开发 Mac Android Studio 篇全部内容,希望文章能够帮你解决Flutter 快捷开发 Mac Android Studio 篇所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: