首頁 開發工具 VSCode 值得收藏的VSCode常備快捷鍵

值得收藏的VSCode常備快捷鍵

Nov 28, 2019 pm 03:30 PM
vscode 快速鍵

值得收藏的VSCode常備快捷鍵

官方快捷鍵大全:https://code.visualstudio.com/docs/customization/keybindings

Visual Studio Code是個屌的編輯器,啟動非常快,完全可以用來取代其他文字檔編輯工具。又可以用來做開發,支援各種語言,比起其他IDE,輕量級完全可配置還整合Git感覺非常的適合前端開發。所以我仔細研究了一下文檔未來可能會作為主力工具使用。

1、主指令方塊

最重要的功能就是F1Ctrl Shift P打開的命令面板了,在這個命令框裡可以執行VSCode的任何一條命令,甚至關閉這個編輯器。

按一下Backspace會進入到Ctrl P模式裡

Ctrl P下輸入> 又可以回到Ctrl Shift P模式。

Ctrl P視窗下還可以

 ● 直接輸入檔名,跳到檔案

 ● ? 列出目前可執行的動作

 ● ! 顯示Errors或Warnings,也可以`Ctrl Shift M

 ● : 跳到行數,也可以Ctrl G直接進入

 ● @ 跳到行數,也可以Ctrl G直接進入

 ● @ 跳到symbol(搜尋變數或函數),也可以Ctrl Shift O直接進入

 ● @:根據分類跳轉symbol,找出屬性或函數,也可以Ctrl Shift O後輸入:進入

# ● # 依名字找出symbol,也可以Ctrl T#2、常用快捷鍵

##編輯器與窗口管理

同時開啟多個視窗(檢視多個項目)

 ● 開啟一個新視窗:Ctrl Shift N

# # ● 關機視窗:Ctrl Shift W

同時開啟多個編輯器(檢視多個檔案)

 ● 新檔案Ctrl N

 ●檔案之間切換Ctrl Tab

 ● 切出一個新的編輯器(最多3個)Ctrl \,也可以按住Ctrl滑鼠點擊Explorer裡的檔案名稱

# ● 左中右3個編輯器的快速鍵Ctrl 1 Ctrl 2 Ctrl 3

 ● 3個編輯器之間循環切換Ctrl `

 ● 編輯器換位置,Ctrl k然後按Left或Right

程式碼編輯

格式調整

 ● 程式碼行縮排Ctrl [ Ctrl ]

 ● Ctrl C Ctrl V如果不選中,預設複製或剪下一整行

 ● 程式碼格式化:Shift Alt F,或Ctrl Shift P後輸入format code

# ● 上下移動一行: Alt Up 或Alt Down

 ● 向上向下複製一行:Shift Alt Up或Shift Alt Down

 ● 在當前行下邊插入一行Ctrl Enter

# ● 在當前行下邊插入一行 Ctrl Enter

# ● 在當前行下邊插入一行 Ctrl Enter

# ● 在當前行下邊插入一行 Ctrl Enter

 ● 在目前行上方插入一行Ctrl Shift Enter

遊標相關

 ● 移到行首:Home

# ● 移到行尾: End

 ● 移到檔案結束:Ctrl End

 ● 移動到檔案開頭:Ctrl Home

 ● 移動到定義處:F12## ● 定義定義處縮圖:只看一眼而不跳轉過去Alt F12

 ● 移動到後半個括號Ctrl Shift ]

 ● 選擇從遊標到行尾Shift End

 ● 選擇從行首到遊標處Shift Home

 ● 刪除遊標右側的所有字Ctrl Delete

 ● Shrink/expand selection:Shift Alt Left和Shift Alt Right

 ● Multi-Cursor:可以連續選擇多處,然後一起修改,Alt Click添加cursor或者Ctrl Alt Down 或Ctrl Alt Up

 ● 同時選中所有匹配的Ctrl Shift L

############################# ● Ctrl D下一個符合的也被選取(被我自訂成刪除目前行了,見下邊Ctrl Shift K)###### ● 回退上一個遊標操作Ctrl U######### #重構程式碼######### ● 找到所有的參考:Shift F12###### # 同時修改本文件中所有符合的:Ctrl F12###### ●● 重命名:例如要修改一個方法名,可以選取後按F2,輸入新的名字,回車,會發現所有的檔案都修改過了。 ###### ● 跳到下一個Error或Warning:當有多個錯誤時可以按F8逐個跳轉###### ● 查看diff 在explorer裡選擇檔案右鍵Set file to compare,然後需要在比較的檔案上右鍵選擇Compare with 'file_name_you_chose'.#########找出取代######### ● 找出Ctrl F####### ● 尋找取代Ctrl H############ ● 尋找取代Ctrl H##### ## ● 整個資料夾中尋找Ctrl Shift F######  匹配:######  ○ * to match one or more characters in a path segment######"   in a path segment######  ○ ** to match any number of path segments ,including none######  ○ {} to group conditions (e.g. {**/*.html,**/*. txt} matches all html and txt files)###

  ○ [] to declare a range of characters to match (e.g., example.[0-9] to match on example.0,example.1, …

顯示相關

 ● 全螢幕:F11

 ● zoomIn/zoomOut:Ctrl =/Ctrl -

 ● 側邊欄顯/隱:Ctrl B##2●

# ● 側邊欄顯/隱:Ctrl B##●

   欄位4大功能顯示:

  ○ Show Explorer Ctrl Shift E

  ○ Show SearchCtrl Shift F

  ○ Showhow GitCtrl Shift F

  幫助 Show GitCtrl Shift F  幫助 Show#a#arl Shift F#Hconft 。#Hel更好]

 ● Show OutputCtrl Shift U

其他## ● 自動儲存:File -> AutoSave ,或Ctrl Shift P,輸入auto

#3、修改預設快捷鍵

File -> Preferences -> Keyboard Shortcuts

修改keybindings.jsonC:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json

// Place your key bindings in this file to overwrite the defaults
[
    //ctrl+space被切换输入法快捷键占用
    {
        "key": "ctrl+alt+space",
        "command": "editor.action.triggerSuggest",
        "when": "editorTextFocus"
    },
    // ctrl+d删除一行
    {
        "key": "ctrl+d",
        "command": "editor.action.deleteLines",
        "when": "editorTextFocus"
    },
    {
        "key": "ctrl+shift+k", //与删除一行的快捷键互换了:)
        "command": "editor.action.addSelectionToNextFindMatch",
        "when": "editorFocus"
    },
    //ctrl+shift+/多行注释
    {
        "key":"ctrl+shift+/",
        "command": "editor.action.blockComment",
        "when": "editorTextFocus"
    }
]
登入後複製
4、外掛程式

值得收藏的VSCode常備快捷鍵新版本支援外掛程式安裝了

外掛程式市場https://marketplace.visualstudio.com/#VSCode安裝外掛程式

F1extensions###################點擊第一個開始安裝或升級,或者也可以 ###Ctrl P### 輸入 ###ext install###進入######點選第二個會列出已經安裝的擴展,可以從中卸載#######建議教學課程: ###vscode基礎教學######

以上是值得收藏的VSCode常備快捷鍵的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

vscode怎麼定義頭文件 vscode怎麼定義頭文件 Apr 15, 2025 pm 09:09 PM

如何使用 Visual Studio Code 定義頭文件?創建頭文件並使用 .h 或 .hpp 後綴命名在頭文件中聲明符號(例如類、函數、變量)使用 #include 指令在源文件中包含頭文件編譯程序,頭文件將被包含並使聲明的符號可用

vscode需要什麼電腦配置 vscode需要什麼電腦配置 Apr 15, 2025 pm 09:48 PM

VS Code 系統要求:操作系統:Windows 10 及以上、macOS 10.12 及以上、Linux 發行版處理器:最低 1.6 GHz,推薦 2.0 GHz 及以上內存:最低 512 MB,推薦 4 GB 及以上存儲空間:最低 250 MB,推薦 1 GB 及以上其他要求:穩定網絡連接,Xorg/Wayland(Linux)

vscode終端使用教程 vscode終端使用教程 Apr 15, 2025 pm 10:09 PM

vscode 內置終端是一個開發工具,允許在編輯器內運行命令和腳本,以簡化開發流程。如何使用 vscode 終端:通過快捷鍵 (Ctrl/Cmd ) 打開終端。輸入命令或運行腳本。使用熱鍵 (如 Ctrl L 清除終端)。更改工作目錄 (如 cd 命令)。高級功能包括調試模式、代碼片段自動補全和交互式命令歷史。

vscode在哪寫代碼 vscode在哪寫代碼 Apr 15, 2025 pm 09:54 PM

在 Visual Studio Code(VSCode)中編寫代碼簡單易行,只需安裝 VSCode、創建項目、選擇語言、創建文件、編寫代碼、保存並運行即可。 VSCode 的優點包括跨平台、免費開源、強大功能、擴展豐富,以及輕量快速。

vscode中文註釋變成問號怎麼解決 vscode中文註釋變成問號怎麼解決 Apr 15, 2025 pm 11:36 PM

解決 Visual Studio Code 中中文註釋變為問號的方法:檢查文件編碼,確保為“UTF-8 without BOM”。更改字體為支持中文字符的字體,如“宋體”或“微軟雅黑”。重新安裝字體。啟用 Unicode 支持。升級 VSCode,重啟計算機,重新創建源文件。

vscode終端常用命令 vscode終端常用命令 Apr 15, 2025 pm 10:06 PM

VS Code 終端常用命令包括:清除終端屏幕(clear)列出當前目錄文件(ls)更改當前工作目錄(cd)打印當前工作目錄路徑(pwd)創建新目錄(mkdir)刪除空目錄(rmdir)創建新文件(touch)刪除文件或目錄(rm)複製文件或目錄(cp)移動或重命名文件或目錄(mv)顯示文件內容(cat)查看文件內容並滾動(less)查看文件內容只能向下滾動(more)顯示文件前幾行(head)

vscode終端命令不能用 vscode終端命令不能用 Apr 15, 2025 pm 10:03 PM

VS Code 終端命令無法使用的原因及解決辦法:未安裝必要的工具(Windows:WSL;macOS:Xcode 命令行工具)路徑配置錯誤(添加可執行文件到 PATH 環境變量中)權限問題(以管理員身份運行 VS Code)防火牆或代理限制(檢查設置,解除限制)終端設置不正確(啟用使用外部終端)VS Code 安裝損壞(重新安裝或更新)終端配置不兼容(嘗試不同的終端類型或命令)特定環境變量缺失(設置必要的環境變量)

vscode上一步下一步快捷鍵 vscode上一步下一步快捷鍵 Apr 15, 2025 pm 10:51 PM

VS Code 一步/下一步快捷鍵的使用方法:一步(向後):Windows/Linux:Ctrl ←;macOS:Cmd ←下一步(向前):Windows/Linux:Ctrl →;macOS:Cmd →

See all articles