搜尋
首頁開發工具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中文網其他相關文章!

手把手带你会习VSCode debug,不信你还不会!手把手带你会习VSCode debug,不信你还不会!Mar 31, 2022 pm 08:45 PM

2022年了,该学会用VSCode debug了!下面本篇文章手把手带大家会习VSCode debug,希望对大家有所帮助!

浅析VSCode怎么关闭自动更新浅析VSCode怎么关闭自动更新Jun 02, 2022 pm 12:56 PM

VSCode怎么关闭自动更新?下面本篇文章给大家介绍一下VSCode关闭自动更新的方法,希望对大家有所帮助!

手把手带你在VSCode中配置 Geant4 和 Root手把手带你在VSCode中配置 Geant4 和 RootApr 25, 2022 pm 08:57 PM

本篇是VSCode配置文章,手把手教大家怎么在VSCode​中配置使用 Geant4 和 Root,希望对大家有所帮助!

扒一扒vscode Prettier选项中的16个实用属性,让代码变美!扒一扒vscode Prettier选项中的16个实用属性,让代码变美!May 03, 2022 am 10:00 AM

本篇文章扒拉一下vscode Prettier的选项,总结分享16个让你的代码变漂亮的属性,希望对大家有所帮助!

23个提高开发效率的前端VSCode插件(快来收藏)23个提高开发效率的前端VSCode插件(快来收藏)Jul 25, 2022 pm 08:06 PM

本篇文章给大家分享23个前端VSCode插件,助你提高开发效率,让你事半功倍,快来收藏吧!

VSCode中如何开发uni-app?(教程分享)VSCode中如何开发uni-app?(教程分享)May 13, 2022 pm 08:11 PM

VSCode中如何开发uni-app?下面本篇文章给大家分享一下VSCode中开发uni-app的教程,这可能是最好、最详细的教程了。快来看看!

总结分享12个好玩有趣的 VSCODE 插件总结分享12个好玩有趣的 VSCODE 插件May 27, 2022 am 11:06 AM

“工欲善其事,必先利其器!”,vscode作为前端开发的重要工具,其插件能大幅提升战斗力,精心收集12个插件,总有几款你还未曾拥有。

手把手教你在VScode中配置C/C++环境(Win下)手把手教你在VScode中配置C/C++环境(Win下)Oct 10, 2022 pm 06:52 PM

VScode中怎么开发置C/C++?怎么配置C/C++环境?下面本篇文章给大家分享一下Windows系统下VScode配置C/C++环境图文教程,希望对大家有所帮助!

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境