VS 代碼——如何更改字體

開發人員很容易低估他們工作環境的重要性。不，我們不是在談論你的椅子、桌子和牆壁的顏色。我們正在談論您的虛擬工作環境。

讓您的 Visual Studio 代碼編輯器感覺像家一樣對您的工作效率非常重要。字體覆蓋了整體 VS 感覺的很大一部分。在本文中，我們將教您如何在 VS Code 編輯器的各個部分中編輯字體。

如何在 VS 代碼中更改字體

即使您是長期使用 VS 的開發人員，您仍然可能不知道它的字體更改選項。

如果您不關心為什麼選擇自己的字體很重要，請直接跳到下面幾段的教程。不過請記住，更改字體的原因（如下所述）可以幫助您做出決定。

為什麼字體在 VS 中如此重要？好吧，如果美學方面對您來說還不夠（相信我們，在代碼編輯器中花費數小時後，它開始變得重要），它實際上也與功能有關。那麼，是什麼讓字體“適合”VS？

首先，您會希望相似字符之間的區別顯著。例如，輕鬆區分數字 1 和小寫字母 L 可以顯著加快編碼速度並節省時間。

然後，有些開發人員喜歡使用連字。連字是一些連接在一起的符號。這些也稱為“字形”，它們在編碼時可能意味著很多。

事不宜遲，下面是在 VS 中更改字體系列的方法：

1. 打開你的 VS 編輯器。
   
2. 導航到屏幕的上部並選擇File。
   
3. 現在，在下拉菜單中，轉到Preferences > Settings。
   
4. 您現在將在屏幕右側看到帶有菜單的常用部分，您可以從此頁面或按照以下步驟訪問字體。
   
5. 或者單擊文本編輯器 > 字體並查找默認條目“editor.fontFamily”：“Consolas ”。
   
6. 然後，輸入您喜歡的字體的名稱，而不是“ Consolas ”。
   

這應該會自動更改字體系列。

如何在 VS 代碼中更改字體大小

即使您有完美的視力，在編寫代碼行時您也會希望讓您的眼睛盡可能舒適。就像選擇字體系列時相似字符之間的差異很重要一樣，字體大小對於使編碼更容易在眼睛上和幫助您更有效地工作也很重要。

對於編碼的最佳字體大小沒有神奇的公式。理想情況下，您希望盡可能清楚地看到字符，但您也希望線條適合 VS 窗口。因此，嘗試不同的字體大小並找到適合您編碼需求的完美字體。

以下是在 VS Code 中更改字體大小的方法：

1. 導航到“用戶設置”菜單（字體教程中的第 3 步）。
   
2. 查找“editor.fontSize”: 15行，您的字體大小可能設置為不同的值。
   
3. 然後，輸入您喜歡的字體大小，而不是15。
   

如何在 VS Code 中更改資源管理器的字體

VS Code 中的資源管理器功能與大多數其他應用程序中的資源管理器功能一樣。它用於管理、瀏覽和打開文件和文件夾以處理您的項目。由於 VS Code 基於文件夾和文件，Explorer 使您可以輕鬆上手——只需使用 VS Code 打開文件/文件夾即可。就這麼簡單。

您可能會經常使用 VS Code Explorer。如果資源管理器的字體大小不適合您，您會很高興知道您可以更改它。

1. 再次進入用戶設置菜單。
   
2. 找到“editor.fontSize”:14條目，你的字體大小可能會有所不同。
   
3. 將其更改為您選擇的字體大小，本例中使用18 。
   

如何在 VS 代碼中更改終端字體

VS Code 允許您使用位於項目/工作區根目錄下的集成終端，而不是切換窗口或更改現有終端的狀態。當然，您可能希望在此處更改字體以便於使用。以下是更改 VS Code 終端字體的方法：

1. 導航到項目/工作區的根文件夾。
2. 使用 VS Code打開settings.json文件。或者，在 VS Code 中，按Ctrl + Shift + P（而不是Ctrl，對於 Mac 設備使用Command）並找到settings.json文件。
3. 把對應的三行改成這樣： 注意D2Coding是一個例子。您也可以選擇您喜歡的任何其他字體。
   “terminal.external.osxExec”: “iTerm.app”,
“terminal.integrated.shell.osx”: “/bin/zsh”,
“terminal.integrated.fontFamily”: “D2Coding”,
   
4. 完成後保存設置。

要更改終端字體大小，請導航到“terminal.integrated.fontSize”：條目並將其設置為您自己的偏好。

如何在 VS Code 中更改註釋字體

默認情況下，代碼註釋條目與代碼的其餘部分使用相同的字體。更改此項會使它們脫穎而出，這通常可以防止浪費數小時的工作（當評論與 VS 中的其他所有內容使用相同的字體時，很容易錯過評論）。儘管這種事情看起來很簡單，但解決方案比您預期的要復雜一些。此外，結果可能並不理想，因為這可能會導致一些對齊問題。儘管如此，嘗試一下也沒什麼壞處：

1. 轉到設備上 VS Code 的根安裝文件夾。
2. 導航到終端中的touch style.css條目。這將創建一個樣式表。
3. 現在，是時候添加字體規則了。下面是一個樣式示例：
   .mtk3 {

font-family: "iosevka";

font-size: 1em;

font-style: italic;

}
4. 打開settings.json並添加以下條目：
   "vscode_custom_css.imports":
"file:///Users/username/.vscode/style.css"],
5. 現在，下載Custom CSS and JS Loader插件。
6. 安裝後，使用Ctrl + Shift + P命令並確保插件已啟用。
7. 重新啟動 VS 代碼。
8. 評論現在應該有一個新的字體。

如何在 VS 代碼中更改側邊欄字體大小

VS Code 中沒有允許用戶更改終端字體大小的設置。但是，存在一種變通方法，它涉及提到的自定義 CSS 和 JS 加載程序插件。

1. 在插件中，導航到擴展詳細信息並仔細按照教程部分進行操作。
2. 使用以下邏輯：
   "vscode_custom_css.imports": ["[insert custom file URL]"]
3. 為每個自定義文件執行此操作。

結果應該會產生一個更好、更美觀的 VS Code 側邊欄。

如何使用不同的操作系統更改字體

如果您在 VS 中編碼，則您使用的是 Windows 計算機、Mac 或 Linux 系統。雖然這三個在 VS 方面並不相同，但差異主要歸結為Ctrl / Cmd鍵選項和 VS 代碼文件的默認位置。因此，VS Code 中字體更改的原則在所有設備上都保持幾乎相同。

其他常見問題解答

為什麼我不能更改 VS Code 中的字體？

在 VS Code 中可能會犯很多錯誤，並且更改字體不像在 MS Word 中那樣簡單。由於您將使用大量編碼來更改實際的 VS Code 字體，因此您應該了解人們最常見的疏忽。確保每個條目都用引號引起來。例如，“vscode_custom_css.imports”: [“file:///Users/username/.vscode/style.css”]除非你使用引號，否則將不起作用。此外，請確保在命令之間使用空格。

VS Code 中的代碼使用哪種字體？

默認情況下，VS Code 中用於編碼的字體是 Consolas。如果您遵循本指南，您可以更改 VS Code 中的大多數字體，無論我們談論的是代碼本身、終端、評論還是資源管理器功能。

但是，如果你談論的是在 VS Code 官方網站圖片上找到的字體，沒有人能告訴你使用的是哪一種。除非 VS Code 開發人員明確透露使用了哪種字體，否則無法查明。

如何破解 VS Code 字體？

最初，to hack 意味著修改，但是，如果您的意思是將 Hack 字體添加到 VS，則可以通過Hack 的網站添加它。從 Hack 下載 TrueType 字體。解壓縮下載的 zip 文件。安裝提取的文件。然後，轉到工具，然後是選項。在選項菜單中，選擇環境，然後導航至字體和顏色。打開字體下拉菜單並選擇 Hack 條目。

黑客使用什麼字體？

根據經驗，每個編碼員（包括黑客）都使用他們喜歡的字體。Ray Bluetens（也稱為 Lawn Dart 字體）是據稱是“黑客之選”的流行字體的一個很好的例子。

在 VS 代碼中更改字體選項

在 VS Code 中處理字體選項絕對不像在文本編輯器程序中更改字體那麼簡單。然而，考慮到我們在這裡談論的是編碼軟件，VS 與其競爭對手相比提供了多種選擇。按照本文中的說明進行操作，讓您的編碼體驗盡可能個性化、用戶友好且順暢。

您是否設法在 VS Code 中編輯字體設置？你遇到什麼問題了嗎？向下滾動並查看下面的評論部分。它充滿了很好的建議。不要克制自己提出問題或開始討論。我們的社區非常樂意提供幫助。