Flutter快捷键 Mac Android Studio(更新中)

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

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.全局搜索类/文件/关键字/(包括系统类,自定义类)

AllClassFilesSymbolsActions

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

//英文字母O
command + O
全局搜索1.png
全局搜索2.png

6.全局搜索方法

command + option + O
全局搜索方法.png

六、文件

1.快速导入头文件

option + enter

后续更新中...

你可能感兴趣的:(Flutter快捷键 Mac Android Studio(更新中))