按照快捷键使用情况稍加分类方便查看

flutter终端命令相关

1.创建flutter工程

Flutter Application（全新的APP）

flutter create flutter_app

flutter create -i swift -a kotlin flutter_app

Flutter Module（混编到已有的Android/iOS工程）

flutter create -t module flutter_module

Flutter Package 只能用于 Dart 语言

flutter create --template=package flutter_package

Flutter Plugin 针对原生和Dart

默认创建方式

flutter create --org com.example --template=plugin flutter_demo

Objective-C 项目

flutter create --org com.example --template=plugin -i objc -a java flutter_demo

Swift 项目

flutter create --org com.example --template=plugin -i swift -a kotlin flutter_demo

2.安装依赖

Get package

flutter packages get

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Update package

flutter packages upgrade

3.项目运行


flutter  devices

flutter run

flutter run -d 'iPhone Xʀ'

flutter run -d all

flutter emulators

flutter emulators --launch apple_ios_simulator

flutter emulators --launch Nexus_5X_API_27
flutter run -d emulator-5554

flutter run -d 00008020-001838491169002E

4. 调试

热更新直接刷新
$ r
热更新重启刷新
$ R
退出运行模拟器
$ q

5.查看日志

flutter logs

6.截图

flutter screenshot

7.升级你的Flutter

flutter upgrade
或者  
git stash
flutter upgrade --force

8.真机运行

flutter run -d 73335b72c9ffd2154fafda7bb94e7c1c497336c3

9.安装

flutter install

10. 打包

Android apk 打包

apk生成目录.png

iOS ipa 打包

flutter build ios --debug
flutter build ios --release

编译目录：

项目工程目录/build/ios/iphoneos/Runner.app

在Mac上，ipa文件实质上是一个压缩文件，我们要创建一个名为Payload的文件夹，注意名字不能错，然后把Runner.app粘贴到Payload文件下，然后对Payload压缩成.zip，然后将Payload.zip重命名为Payload.ipa：

ipa.png

12.Shell 脚本打包遗留目录(dst)

cd /private/tmp/Runner.dst

13.插件、清缓存、断点调试

AndroidStudio 插件安装位置

/Applications/Android Studio.app/Contents/plugins

plugins.png

清除Flutter 缓存文件
清除该目录下文件

flutter/bin/cache/lockfile

lockfile.png

断点调试

在源码中设置断点，选中需要设置代码的那一行，在它的左侧点击一下会出现一个小红点；点击调试图标或者调用Run-> Debug即可

AndroidStudio 快捷键

一、项目

1.热重载(hot reload)

command + \

2.热重启(hot restart)

command+ option + \

3.运行项目

control+ R

4.隐藏左侧目录结构窗口

shift  + esc

点击左上角Project展开窗口，当然也可直接点击左上角Project隐藏和展现左侧目录结构窗口。

二、查看文档

1.查看抽象类的实现

command  + option + B

比如鼠标停留在代码FlatButton中间处，按住command + option + B即可跳到到FlatButton的抽象类实现。

也可以点击右侧面板Flutter Outline 查看当前文件的目录结构,快速的查找出当前抽象类的子类，再次点击右侧面板Flutter Outline 关闭。

抽象类及子类.png

三、代码

1.快速创建一个StatelessWidget

stless

2.快速创建一个StatefulWidget

stful

3.将StatelessWidget转 StatefulWidget

option + enter

鼠标选中需要转换的类名,或光标放到类名之间

option + enter.png

4.抽取代码为单独的Widget

有时候代码嵌套太多,不方便阅读,抽取Widget为一个单独的类,提高代码的阅读性

// 鼠标选中需要转换的类名,或光标放到类名之间
command  + option + W

抽取Widget.png

注:这个组合快捷键如果不能使用,说明有冲突的,可以在设置中删除另外一个

default.png

我直接粗暴地勾选了Second stroke后随便输入某字符（比如1）保存生效后，回头删除这个字符的快捷键（即command + option + W + 1）保存生效后command + option + W就可以正常使用了。

fix.png

5.抽取代码为单独的方法,或者抽取成get方法

command  + option + M

注意: 光标放到类名之间,不能选中类名

抽取代码为单独的方法.png

可勾选Extract getter生成getter方法

6.if后面自动加`(){ }`

command+ shift + enter

7.快速生成模版代码块

command+ J

command+ J.png

8.Surround with快速调出if,for,try…catch,while等环绕代码

command+ option + T

选中需要嵌套的代码,使用这个组合快捷键可以包裹需要的代码块,如图

command+ option + T.png

9.添加或者移除widget

option + enter

添加或者移除widget.png

10.给Model所有下划线属性生成get和set方法,光标插入到类名

control + enter

control + enter.png

示例代码

class TestModel {
  String _name;

  String get name => _name;

  set name(String value) {
    _name = value;
  }

  String _mobile;
  String _sex;

  String get mobile => _mobile;

  set mobile(String value) {
    _mobile = value;
  }

  String get sex => _sex;

  set sex(String value) {
    _sex = value;
  }
}

11.注释与取消注释,效果`/**/`

command+ option + /

12.单行代码-复制

复制

command + D

13.单行代码-上下移动代码

option + shift + up/down

其中上下箭头对应 up/down

不需要选中代码,只需要光标位置在需要复制的行即可

14.选择区域

option + 双击 up

注:多次点击up箭头可以扩大选中区域

15.删除行

command+ delete

四、规范

1.格式化代码

command + option + L

即便参数之间有多余或者缺少空格,可使用快捷键自动对齐，省去自己手动添加或删除空格

2.选中代码缩进

//向右移动
选中单行或者多行代码 + tab 
//向左移动
选中单行或者多行 + shift + tab

3.自动缩进对齐/代码对齐

control + option + I

4.代码块展开/折叠 - 局部


// 展开
command + 加号
// 收缩
command - 减号

5.代码块展开/折叠 - 页面内


// 展开
command + shift + 加号
// 收缩
command + shift + 减号

页面内展开折叠.png

局部展开折叠.png

五、检索

1.当前文件搜索

command + F

搜索HDHomeContentPage示例:

当前文件搜索.png

1.按Enter键可以切换到下一个搜索结果
2.鼠标放到右侧绿色横分割线有放大效果，方便预览

2. 当前文件替换


command + R

当前文件替换.png

HBHomeContentPage替换成HDHomeContentPage，然后点击Replace 或者Replace all，进行某个文件或者所有文件替换

3. 全局查找

command + shift + F

全局查找.png

搜索出HDHomeContentPage的结果，以及HDHomeContentPage所在某文件中的行号

4. 全局替换

command + shift + R

全局替换.png

HDHomeContentPage替换成HBHomeContentPage，然后点击Replace 或者Replace all，进行某个文件或者所有文件替换

5.全局搜索类/文件/关键字/(包括系统类,自定义类)

即All、Class、Files、Symbols、Actions

可以搜索整个项目的一些文件资源,查看系统类的方法,全局搜索方法。
示例：全局搜索图片cover.jpg、HDHomeContentPage

//英文字母O
command + O

全局搜索1.png

全局搜索2.png

6.全局搜索方法

command + option + O

全局搜索方法.png

六、文件

1.快速导入头文件

option + enter

后续更新中...

Flutter快捷键 Mac Android Studio（更新中）