幾個實用的vscode快捷鍵


更多文章,請關注微信公眾號:前端css和js干貨

每個開發人員都有自己的vscode使用技巧,對開發人員來說,快捷鍵可以提高工作效率。

1.向上/向下移動代碼行

這是工作中經常用到的非常重要的技巧,向上或向下移動整行代碼。 我們只需要將光標放在要移動的行上,然后按住Alt + Up 向上移動或 Alt + Down 向下移動該行。

66666.gif

2.向上/下復制代碼

和上面一樣,不同的是這次是復制而不是移動。 我們只需要將光標放在要復制的行上,然后按 Shift + Alt + Up 或 Shift + Alt + Down復制該行。

66666.gif

3.重命名變量

很多時候時候,我們都會隨便給變量命名,隨后再去修改變量的習慣,所以給變量重命名我們會經常遇到,在vscode中,選擇一個變量,按住F2鍵,填寫一個新名稱然后按enter鍵,所有相同名稱的變量都會同時修改。

8.gif

4.格式化代碼

用手逐行去格式化代碼是很讓人沮喪的事情,在vscode中我們可以使用 Shift + Alt + F 一瞬間完成整個文件代碼的格式化。

8.gif

5.多個光標

在vscode中可以使用alt+單擊實現多個光標的功能, 只需要在要選擇的位置,按住alt鍵然后分別單擊,我們將在每個選定的位置看到光標,然后我們可以批量輸入想要輸入的內容。

8.gif

6.跳轉到錯誤和警告處

一個比較有趣的快捷鍵是,我們可以通過Ctrl + Shift + M打開錯誤tab頁,然后我們可以跳轉到報錯的地方並修復它們,這是一個一旦使用過就無法離開的快捷鍵。

8.gif

總結

這些快捷鍵常用且強大,對工作效率的提高會隨着時間的推移而顯現,如果要查看所有的快捷鍵,我們可以先按Ctrl + K,再按Ctrl + S。當然你也可以創建自己的快捷鍵。

譯自:https://javascript.plainenglish.io/vs-code-shortcuts-every-developer-should-know-91c7116d195b


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM