1、時(shí)光軸功能：源代碼掌控新緯度

誰不知道Git和各種源代碼控制工具的威力呢？這些工具讓我們能夠輕松地追蹤文件變化、回退到過去的版本。VS Code的時(shí)間線視圖自動(dòng)刷新，展示與當(dāng)前文件關(guān)聯(lián)的重要活動(dòng)，包括Git提交、文件保存和測試運(yùn)行等

展開此視圖以查看與當(dāng)前文件相關(guān)的事件快照列表。這里包括文件保存以及文件被暫存的Git提交。

將鼠標(biāo)懸停在快照項(xiàng)目上，即可查看 VS Code 創(chuàng)建快照的日期和時(shí)間。

選擇一個(gè)快照項(xiàng)目，查看差異視圖，顯示快照時(shí)間的文件與當(dāng)前文件之間的更改。

2、自動(dòng)存儲：告別Ctrl + S的日子

不必再依賴Ctrl + S快捷鍵，自動(dòng)保存功能在你編輯時(shí)實(shí)時(shí)保存更改。這樣不僅節(jié)省了時(shí)間，也確保你始終使用的是最新版本的文件。

雖然它并不完美，但你需要權(quán)衡其中的利弊——這些利弊在這里得到了全面的覆蓋。

使用 **File > Auto Save **輕松啟用此功能：

3、命令面板：一站式操作中心

VS Code中幾乎所有任務(wù)都可以通過“命令”來執(zhí)行。這些命令涵蓋文件操作、導(dǎo)航、編輯以及終端任務(wù)等，都是經(jīng)過精心設(shè)計(jì)的。

所以，通過命令面板，我們只需搜索命令并選擇執(zhí)行相關(guān)操作。要打開命令面板，請使用以下鍵盤快捷鍵：

Windows/Linux: Ctrl + Shift + P Mac: Shift + Command+ P Mac：Shift + Command + P

4、文件快速訪問：不再依賴鼠標(biāo)

使用Ctrl + P快捷鍵可以快速搜索并打開項(xiàng)目中的指定文件，而Ctrl + Tab則讓你輕松在已打開的文件之間切換。

按住 Ctrl 并按下 Tab 以在編輯器實(shí)例中循環(huán)瀏覽當(dāng)前打開的文件列表

你甚至可以使用 Alt + Left 和 Alt + Right 來快速在這些打開的文件之間切換。所有這些都是比使用光標(biāo)更快的方法來訪問文件。

5、快速跳轉(zhuǎn)：調(diào)試的速度之王

在調(diào)試時(shí)，跳轉(zhuǎn)到指定行號比滾動(dòng)查找更高效。用Ctrl + G鍵可以輕松做到這一點(diǎn)。

使用 **Ctrl + G **鍵盤快捷鍵來完成此操作。

6、一鍵刪除：告別繁瑣操作

使用Ctrl + Shift + K快捷鍵可以迅速刪除當(dāng)前行，無需手動(dòng)選中和刪除。

或者，你會(huì)使用 Ctrl + Shift + K 快捷方式在幾秒鐘內(nèi)快速刪除那些行和其他幾十行嗎？

7、平滑光標(biāo)：優(yōu)雅的代碼體驗(yàn)

VS Code提供流暢的光標(biāo)動(dòng)畫，讓你的編碼過程更加自然和高效。

要打開它，請?jiān)诿蠲姘逯写蜷_設(shè)置界面，并搜索“smoot caret”。

尋找 Editor: Cursor Smooth Caret Animation 設(shè)置，有3個(gè)可能的選項(xiàng)：

• off: 沒有流暢的光標(biāo)動(dòng)畫。
• explicit ：只有在我們明確將光標(biāo)放置在代碼的某個(gè)位置時(shí)才會(huì)使其動(dòng)畫化。
• on ：平滑的光標(biāo)動(dòng)畫始終保持啟用狀態(tài)，包括在輸入時(shí)。

將其設(shè)置為 on 以獲得完整的視覺體驗(yàn)。

8、代碼美化：一鍵格式化

快捷鍵Shift + Alt + F可以快速格式化代碼，與Prettier等擴(kuò)展配合使用效果更佳。

雖然有一個(gè)相當(dāng)不錯(cuò)的內(nèi)置JS/TS格式化工具，但為了更強(qiáng)大的解決方案，我強(qiáng)烈推薦使用Prettier擴(kuò)展。

安裝后，把它設(shè)置為默認(rèn)格式化程序。當(dāng)你使用手動(dòng)保存而不是自動(dòng)保存時(shí)，有一個(gè)功能您應(yīng)該啟用，以使格式設(shè)置變得更加容易：

Editor: Format On Save ：“保存時(shí)格式化文件。必須有可用的格式化程序，文件不能在延遲后保存，并且編輯器必須正在關(guān)閉”。默認(rèn)情況下禁用。

所以，當(dāng)你在保存文件時(shí)，VS Code會(huì)自動(dòng)使用當(dāng)前默認(rèn)的格式化程序?qū)δ愕拇a進(jìn)行格式化，就像你在上面的演示中看到的那樣。

當(dāng)你進(jìn)行自動(dòng)保存時(shí)，每隔一段時(shí)間都要打開命令面板來進(jìn)行格式化會(huì)變得很繁瑣。這就是鍵盤快捷鍵的用途所在：

• Windows：Shift + Alt + F
• Mac：Shift + Option + F
• Linux：Ctrl + Shift + I

我使用的是Windows系統(tǒng)，個(gè)人不太喜歡這個(gè)默認(rèn)的鍵盤快捷鍵；自動(dòng)保存功能讓我不得不時(shí)不時(shí)地進(jìn)行格式化，而Shift + Alt + F這個(gè)組合鍵用久了也會(huì)讓人感到痛苦。

所以我把它改成了 Ctrl + D, Ctrl + D - 一個(gè)更容易按下和記住的鍵盤快捷鍵組合，并且沒有沖突的按鍵綁定。我建議你也這樣做。

9、多光標(biāo)編輯：重復(fù)任務(wù)的終結(jié)者

使用Alt + Click添加多個(gè)光標(biāo)，實(shí)現(xiàn)多處同時(shí)編輯，大大提升編碼效率。

當(dāng)然，在編輯時(shí)，總是至少有一個(gè)光標(biāo)。使用 Alt + Click 來添加更多。

還可以使用 Ctrl + Alt + Down 或 Ctrl + Alt + Up 在當(dāng)前行的上方或下方輕松添加光標(biāo)。

還可以使用 Ctrl + Alt + Down 或 Ctrl + Alt + Up 在當(dāng)前行的上方或下方輕松添加光標(biāo)。

這些快捷方式分別調(diào)用 Add Cursor Below 和 Add Cursor Above 命令。

10、新建文件/文件夾：輕松組織項(xiàng)目結(jié)構(gòu)

不必到處尋找“新建”按鈕，只需在資源管理器面板雙擊即可輕松創(chuàng)建新文件或文件夾。

不必不停地移動(dòng)鼠標(biāo)來定位那些小按鈕，你知道嗎？你只需雙擊資源管理器面板就可以創(chuàng)建一個(gè)新文件

要不要新建一個(gè)文件夾？嗯，沒有文件的文件夾就什么都不是。當(dāng)你創(chuàng)建一個(gè)新文件時(shí)，你可以輕松使用 / 字符來表示層級關(guān)系，并創(chuàng)建新的文件夾和子文件夾來容納該文件。

由于 A 和 Shift + A 顯然是用于編碼的鍵，我在這里包含了 when 值，以確保它們只在資源管理器窗格具有焦點(diǎn)且當(dāng)前編輯器中沒有活動(dòng)光標(biāo)時(shí)創(chuàng)建新文件/文件夾。

因此，要在打字時(shí)使用這些快捷鍵，您必須首先專注于資源管理器窗格；單擊它或使用 Ctrl/Command + Shift + E 。

總結(jié)

Visual Studio Code不僅僅是一個(gè)高級文本編輯器，它是一款擁有強(qiáng)大功能的編程助手。本文探討的這十個(gè)小技巧只是其中的冰山一角。持續(xù)探索和學(xué)習(xí)，不僅能提升代碼質(zhì)量，更能使你的編碼過程變得事半功倍。