VSCode高效Flutter開發(fā)必備快捷鍵
視頻
https://www.bilibili.com/video/BV1hE421P7QK/
前言
原文 https://ducafecat.com/blog/essential-vscode-shortcuts-for-flutter-development
本文為您總結(jié)了在VSCode中開發(fā)Flutter項目時最常用和高效的快捷鍵操作,涵蓋代碼修復提示、文件管理纱兑、命令工具等多個方面,幫助開發(fā)者大幅提升開發(fā)效率呀闻。
VSCode,Flutter,快捷鍵,開發(fā)效率
參考
- https://docs.flutter.dev/tools/vs-code
- https://code.visualstudio.com/docs/getstarted/tips-and-tricks
- https://code.visualstudio.com/docs/getstarted/keybindings
快捷鍵
快速修復
- MacOS:
CMD+. - Windows:
CTRL+.
在編輯器的任何地方使用此功能可獲取上下文相關(guān)的代碼操作列表。
您可以使用它來包裝潜慎、提取捡多、移除 Widget 等：
或者在需要時導入文件：
切換 StatefulWidget 與 StatelessWidget
顯示命令面板
- MacOS:
CMD+Shift+P - Windows:
CTRL+Shift+P
這將打開一個搜索框，您可以在其中查看所有最近使用的命令铐炫，并輸入文字搜索新的命令：
通過名稱搜索文件
- MacOS:
CMD+P - Windows:
CTRL+P
這非常方便局服，無需離開鍵盤就可以打開項目中的任何文件：
添加依賴包
首先，打開命令面板并輸入 "Dart: Add Dependency" 或者 "Dart: Add Dev Dependency":
它將顯示 pub.dev 上可用的包的可搜索列表：
選擇依賴后驳遵，它將被添加到您的
pubspec.yaml文件中并自動安裝。
查看代碼
- MacOS:
CMD+鼠標左鍵 - Windows:
CTRL+鼠標左鍵
剪切行
- MacOS:
CMD+x - Windows:
CTRL+x
移動行
- MacOS:
ALT+↑或者ALT+↓ - Windows:
ALTL+↑或者ALT+↓
注釋
- MacOS:
CMD+/ - Windows:
CTRL+/
重寫類山涡、函數(shù)堤结、對象名
鍵盤快捷鍵列表
- MacOS:
CMD+K CMD+S - Windows:
CTRL+K CTRL+S
VSCode 有大量快捷鍵。如果你想查看所有快捷鍵并自定義鍵位綁定鸭丛，就用這個：
IDEA 按鍵插件
https://marketplace.visualstudio.com/items?itemName=k--kato.intellij-idea-keybindings
如果你平時還用 IDEA竞穷、 Android Studio 工具，可以裝這個插件來統(tǒng)一按鍵習慣鳞溉。
小結(jié)
VSCode作為Flutter開發(fā)的首選IDE,熟練掌握其各種快捷鍵操作對于提升開發(fā)效率至關(guān)重要瘾带。本文詳細總結(jié)了在VSCode中開發(fā)Flutter項目時最常用和高效的快捷鍵,涉及修復提示、文件管理熟菲、命令工具等多個方面,力求幫助開發(fā)者建立更加高效的Flutter開發(fā)工作流看政。相信通過學習本文的內(nèi)容,您一定能夠大幅提升自己的Flutter開發(fā)速度和開發(fā)體驗。
感謝閱讀本文
如果有什么建議抄罕，請在評論中讓我知道允蚣。我很樂意改進。
flutter 學習路徑
- Flutter 優(yōu)秀插件推薦 https://flutter.ducafecat.com
- Flutter 基礎(chǔ)篇1 - Dart 語言學習 https://ducafecat.com/course/dart-learn
- Flutter 基礎(chǔ)篇2 - 快速上手 https://ducafecat.com/course/flutter-quickstart-learn
- Flutter 實戰(zhàn)1 - Getx Woo 電商APP https://ducafecat.com/course/flutter-woo
- Flutter 實戰(zhàn)2 - 上架指南 Apple Store呆贿、Google Play https://ducafecat.com/course/flutter-upload-apple-google
- Flutter 基礎(chǔ)篇3 - 仿微信朋友圈 https://ducafecat.com/course/flutter-wechat
- Flutter 實戰(zhàn)3 - 騰訊即時通訊 第一篇 https://ducafecat.com/course/flutter-tim
- Flutter 實戰(zhàn)4 - 騰訊即時通訊 第二篇 https://ducafecat.com/course/flutter-tim-s2
? 貓哥
ducafecat.com
end
