Skip to main content

[vscode] VSCode 使用筆記

常用參考#

常用快捷鍵#

快捷鍵說明
Option + ↑ 或 Option + ↓上下拖曳程式碼
Option + Cmd + F格式化程式碼
Shift + Cmd + \ 到對應的括號
Cmd + K , Cmd + 0 (Zero)縮合所有程式碼片段
Cmd + K, Cmd + J打開所有程式碼片段
Option + Cmd + ]打開當前程式碼片段
Option + Cmd + [縮合當前程式碼片段

常用指令#

指令說明
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

參考#

Last updated on