括號識別外掛:Rainbow Brackets
在一層套一層的類別森林裡很容易就迷失透方向,尤其像「一切都是Widget」的Flutter(Dart)程式碼,要很快辨識身處那個Widget可是個技術活,在此推薦Rainbow Brackets外掛,它除了將不同階層的括號({}、()、[]與<>等四大類括號)用不同顏色標示之外,也有下列熱鍵可標示游標所在的括號範圍:
- 〔Ctrl+滑鼠右鍵〕:游標位置最接近括號範圍高亮顯示
- 高亮顯示的背景顏色是括號的稍淡顏色
- 〔Alt+滑鼠右鍵〕:游標位置最接近括號以外區域變暗
- 〔Esc〕:脫離上述高亮或變暗狀態
括號相關操作
- 〔Ctrl+Shift+M〕:移動游標到配對的括號位置
- 〔Alt+↑〕、〔Alt+↓〕:前一個方法、後一個方法。Flutter程式則是前一個Widget與後一個Widget
解說影片
##
您可能也會有興趣的類似文章
- 02. 用IDEA快速建立第一支Flutter程式 (0則留言, 2019/09/19)
- 03. 更多的Flutter範例:StatelessWidget、StatefulWidgett與其他Widgets (0則留言, 2019/09/21)
- 01. 使用IntelliJ IDEA開發Flutter App:開發環境設置 (0則留言, 2019/09/15)
- IntelliJ IDEA的啟動設定與建議安裝的外掛(IDEA #3) (0則留言, 2019/07/21)
- IntelliJ IDEA Live Template(即時樣板)的使用與範例說明(IDEA #5) (0則留言, 2019/08/11)
- 在IntelliJ IDEA裡以Scratch外掛隨時記錄備忘與開啟外部文件 (0則留言, 2016/03/20)
- 使用IntelliJ IDEA 12的Android UI Designer輕鬆寫Android App (1則留言, 2012/08/09)
- IntelliJ IDEA逐步除錯的步驟與除錯演練(IDEA #7) (0則留言, 2019/08/18)
- 用IntelliJ IDEA寫第一支Java程式;程式結構說明;Live Tempate用法(IDEA #4) (0則留言, 2019/08/09)
- 用IntelliJ IDEA的GUI Designer開發Swing程式 (0則留言, 2014/02/14)
- [IntelliJ IDEA] Java / JavaScript除錯小技巧 (0則留言, 2014/08/14)
- 快速建立IntelliJ IDEA的Live Template的步驟 (0則留言, 2014/02/21)
- IntelliJ IDEA 2016.2.1 的JSP Code Complete有問題 (0則留言, 2016/08/15)
- [IntelliJ IDEA 2017.2] Database tool功能簡介 (0則留言, 2017/07/29)
- 使用IntelliJ IDEA建立Spring Boot專案 (0則留言, 2016/03/18)