tft每日頭條

 > 圖文

 > vs code補全代碼

vs code補全代碼

圖文 更新时间:2024-11-15 10:17:32

vs code補全代碼(專業開發者都知道的)1

1.打開和關閉側邊欄

利用快捷鍵打開和關閉側邊欄,無需單擊左側選項卡。

  • Mac - Command B
  • Windows — Ctrl B
  • Ubuntu — Ctrl B

vs code補全代碼(專業開發者都知道的)2

2. 選擇單詞

用于選擇光标當前所在的單詞。

  • Mac - Command D
  • 視窗 — Ctrl D
  • Ubuntu — Ctrl D

如果多次按下快捷鍵,則可以繼續選擇出現相同的單詞。

vs code補全代碼(專業開發者都知道的)3

3.多編輯器

如果需要在修改或者比較兩段代碼,調用多編輯器試圖就非常有用。

  • Mac — Command \ 或 2,3,4
  • Windows — Shift Alt \ 或 2,3,4
  • Ubuntu — Shift Alt \ 或 2,3,4

vs code補全代碼(專業開發者都知道的)4

4. 折疊代碼

如果代碼太長,就可以使用折疊和展開代碼塊功能,以便閱讀和顯示。

具體操作如下:

在光标放在需求折疊代碼的最後:

  • Windows/Ubuntu — Ctrl Shift [
  • Mac — Command Option [

在光标放在需求展開代碼的最後:

  • Windows/Ubuntu — Ctrl Shift ]
  • Mac — Command Option ]

vs code補全代碼(專業開發者都知道的)5

5.複制行

如果需要将當前行複制到上一行或下一行,可以使用以下快捷方式。

  • Windows — Shift Alt 向上/向下
  • Mac - Shift Option 向上/向下
  • Ubuntu — Ctrl Shift Alt 向上/向下

vs code補全代碼(專業開發者都知道的)6

6. 代碼格式化

代碼格式化允許根據設置好的規則縮進代碼。

  • Mac - Shift Option F
  • Windows — Shift Alt F
  • Ubuntu — Ctrl Shift I

7. 修剪尾随空格

這将有助于消除行首或行尾的空格。

  • 首選項 > 設置 > 用戶設置選項卡
  • 修改"files.TrimTrailingWhitespace": true 設置尚不存在,請将其添加 到“用戶設置”文檔中。之後,當保存文件時,這将自動應用,并且空格将被删除。

vs code補全代碼(專業開發者都知道的)7

vs code補全代碼(專業開發者都知道的)8

8.合并行

可将選定的幾行合并成一行。

合并行的快捷方式

  • Mac — Ctrl J
  • Ubuntu、Windows — 從菜單:文件 > 首選項 > 鍵盤快捷方式,輸入查詢 editor.action.joinLines 設置需要的快捷鍵。

vs code補全代碼(專業開發者都知道的)9

9.快速打開文件

  • Mac - Command P
  • Windows/Ubuntu — Ctrl P

vs code補全代碼(專業開發者都知道的)10

10. Command 面闆

這是 VS Code 中最重要的組合鍵之一。可以使用此快捷鍵訪問所有可用Command :

  • Windows/Ubuntu:Ctrl Shift P
  • Mac:Command Shift P

vs code補全代碼(專業開發者都知道的)11

11. 切換終端

在網頁開發時常會出現多個終端,使用此快捷鍵就可輕松在它們之間切換:

  • Mac - Command 反引号 (Command `)
  • Windows/Ubuntu — Ctrl 反引号 (Ctrl `)

12. 切換标簽

此快捷鍵可在拆分項之間切換。

切換标簽的快捷鍵是

  • Mac — Command 1、Command 2、Command 3
  • Windows/Ubuntu — Ctrl 1、Ctrl 2、Ctrl 3

vs code補全代碼(專業開發者都知道的)12

13.選擇當前行

将選擇光标放置在需要選擇的行。

  • Mac - Command L
  • Windows/Ubuntu — Ctrl L

vs code補全代碼(專業開發者都知道的)13

14.删除行

  • Mac — Command Shift K
  • Windows/Ubuntu — Ctrl Shift K

15.移動行

  • Mac - Option 向上/向下箭頭
  • Windows/Ubuntu — Alt 向上/向下箭頭

16. 查找單詞/短語

從當前文件中查找

  • Mac - Command F
  • Windows/Ubuntu — Ctrl F

從整個項目中查找

  • Mac — Command Shift F
  • Windows/Ubuntu — Ctrl Shift F

vs code補全代碼(專業開發者都知道的)14

17. 查看定義

查看定義功能可即時查看和編輯引用代碼的出處。

  • Mac - Option F12
  • Windows/Ubuntu — Alt F12

vs code補全代碼(專業開發者都知道的)15

18.重命名

重命名可修改代碼中所有同樣的文字。

  • Mac/Windows/Ubuntu — F2

vs code補全代碼(專業開發者都知道的)16

19.多光标選擇

VS Code 支持多個光标選擇,以進行快速的同時編輯。

  • Mac - 選項 單擊
  • Windows/Ubuntu — Alt 單擊

vs code補全代碼(專業開發者都知道的)17

20.運行和調試

您可以使用以下方法複制同一行:

  • Mac — Command Shift D
  • Windows/Ubuntu — Ctrl Shift D

vs code補全代碼(專業開發者都知道的)18

最後

其實VS Code 中存在大量快捷鍵,以上隻列出的都是每個使用 VS Code 專業開發者都需要知道的。

希望這些快捷鍵能幫助到您,也能提高你的編碼效率,請不要忘記在留下你的評論,也可以分享此文章。

感謝閱讀✌️

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved