iT邦幫忙

2021 iThome 鐵人賽

DAY 23
0
Modern Web

MacOS新手操作指令學習紀錄,成為裝B前端工程師之路系列 第 23

[Day23] 運用 VS Code 組合鍵加快編輯速度 - 操作介面篇

  • 分享至 

  • xImage
  •  

過去在看各個前端大神直播或影片的時候,都會發現他們有許多神奇又迅速的操作,但是又不知道該如何做到,今天就來k這份 keyboard-shortcuts-macos,把好用的快捷鍵給記下來。
(也可以在 VS Code中按 ⌘ + K 接著按 S 查詢組合鍵清單)

符號說明

  • ⌘ = command
  • ⌥ = option
  • ⇧ = shift
  • ⇪ = capslock
  • ⌃ = control
  • ↩ = return
  • ⌅ = enter

基本操作

組合 功用
F1(Fn + F1) 或 ⇧ + ⌘ + P 顯示指令列表;原生鍵盤的 F1需要加 Fn
⌘ + P 搜尋檔案
⌘ + , 環境設定
⌘ + N 開新分頁視窗(快速新增檔案)
⌘ + W 關閉分頁視窗

終端機

組合 功用
`⌃ + `` 開啟(關閉)終端機視窗
`⌃ + ⇧ + `` 開新的終端機使用者
⌘ + 上下方向鍵 向上(下)滾動
⇧ + ⌘ + U 從終端機分頁切換到『輸出』分頁

介面調整

組合 功用
⌃ + ⌘ + F 切換全螢幕模式
⌘ + K 接著按 Z 切換到只有文字編輯器的全螢幕模式 (再按 一次組合鍵 或是 兩次 Esc 離開)
⌥ + ⌘ + 0 切換文字編輯區的顯示方式(水平/垂直排列)
⌘ + = Zoom in
⇧ + ⌘ + - Zoom out
⌘ + B 開闔左側的目錄欄位
⇧ + ⌘ + E 切換最左側的分頁到『檔案總管』
⇧ + ⌘ + F 切換最左側的分頁到『搜尋』
⌃ + ⇧ + G 切換最左側的分頁到『原始檔控制』
⇧ + ⌘ + D 切換最左側的分頁到『執行與偵錯』
⇧ + ⌘ + X 切換最左側的分頁到『延伸模組』

上一篇
[Day22] Emmet 學習筆記 - CSS篇
下一篇
[Day24] 運用 VS Code 組合鍵加快編輯速度 - 文字編輯篇
系列文
MacOS新手操作指令學習紀錄,成為裝B前端工程師之路33
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言