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

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

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

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

選擇一個快照項目，查看差異視圖，顯示快照時間的文件與當前文件之間的更改。

2、自動存儲：告別Ctrl + S的日子

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

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

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

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

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

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

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

4、文件快速訪問：不再依賴鼠標

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

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

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

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

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

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

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

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

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

7、平滑光標：優(yōu)雅的代碼體驗

VS Code提供流暢的光標動畫，讓你的編碼過程更加自然和高效。

要打開它，請在命令面板中打開設置界面，并搜索“smoot caret”。

尋找 Editor: Cursor Smooth Caret Animation 設置，有3個可能的選項：

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

將其設置為 on 以獲得完整的視覺體驗。

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

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

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

安裝后，把它設置為默認格式化程序。當你使用手動保存而不是自動保存時，有一個功能您應該啟用，以使格式設置變得更加容易：

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

所以，當你在保存文件時，VS Code會自動使用當前默認的格式化程序對你的代碼進行格式化，就像你在上面的演示中看到的那樣。

當你進行自動保存時，每隔一段時間都要打開命令面板來進行格式化會變得很繁瑣。這就是鍵盤快捷鍵的用途所在：

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

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

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

9、多光標編輯：重復任務的終結者

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

當然，在編輯時，總是至少有一個光標。使用 Alt + Click 來添加更多。

還可以使用 Ctrl + Alt + Down 或 Ctrl + Alt + Up 在當前行的上方或下方輕松添加光標。

還可以使用 Ctrl + Alt + Down 或 Ctrl + Alt + Up 在當前行的上方或下方輕松添加光標。

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

10、新建文件/文件夾：輕松組織項目結構

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

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

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

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

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

總結

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