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

后續更新中...

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,665評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,627評論 2 380