跳至主要内容

[vscode] VSCode 使用筆記

常用參考​

常用快捷鍵​

快捷鍵說明
Option + ↑ 或 Option + ↓上下拖曳程式碼
Option + Cmd + F格式化程式碼
Shift + Cmd + \切換 cursor 到對應的括號
Shift + Ctrl + ->（兩次）選取整個括號內的程式碼（有時要從上方的括號開始選）
Shift + Option + ->選取到下一個單字
Shift + Cmd + ->選取到該行最後
Cmd + K , Cmd + 0 (Zero)縮合所有程式碼片段
Cmd + K, Cmd + J打開所有程式碼片段
Option + Cmd + ]打開當前程式碼片段
Option + Cmd + [縮合當前程式碼片段

客製化快捷鍵​

如果需要自訂快捷鍵的話，可以搜尋「keyboard shortcut」。

常用指令​

指令說明
Fold All / Unfold All折疊程式碼
Convert Indentation to Spaces將文件的縮排方式換成「空格」
Toggle Zen Mode切換進入專注模式
Emmet: Wrap with AbbreviationEmmet 插入簡寫
TODO-Highlight: Toggle highlight搭配 TODO Highlight ，可開啟或關閉 Highlight 提示

其他​

在 Terminal 中直接開啟 VSCode​

在 terminal 可以直接透過 code . 指令開啟 VSCode

  • 安裝完 VSCode 之後，在 VSCode 中以 「⇧ ＋ ⌘ ＋ P」 叫出指令視窗，接著輸入「shell command」，找到 「Shell Command: Install 'code' command in PATH command.」執行後即可。

快速切換 Terminal 和 Editor​

Toggle between fullscreen editor and terminal in VS Code @ Stackoverflow

在 VSCode 指令區輸入 Open Keyboard Shortcuts(JSON)，在 JSON 檔中貼入：

{
  "key": "ctrl+alt+t",  // you could use     "key": "ctrl+`",  if you wish
  "command": "workbench.action.closePanel",
  // "when": "terminalFocus"
},
{
  "key": "ctrl+alt+t",
  "command": "workbench.action.toggleMaximizedPanel",
  "when": "!terminalFocus"
},

接著就可以在 VSCode 中使用快捷鍵在 Terminal 和 Editor 間快速切換。

關閉 VSCode 前確認​

設定成需要按兩次 cmd + Q 才會關閉 VSCode：

// 在 VSCode 指令區輸入 `Open Keyboard Shortcuts(JSON)`，接著貼入
{
  "key": "cmd+q",
  "command": "-workbench.action.quit"
},
{
  "key": "cmd+q cmd+q",
  "command": "workbench.action.quit"
},

Snippet 路徑​

/Users/pjchender/Library/Application Support/Code/User/snippets/erb.json

備份與還原設定檔​

gistId: ee871928cb7c0d0ba43c679e4a85b359

參考​