在 vscode 中調整編輯器邊距可通過設置參數和插件實現。1. 打開設置并搜索 editor: line numbers、editor: glyph margin 和 editor: reveal line number 來控制行號和斷點區域顯示；2. 使用 indent rainbow 或 better align 插件精細調整邊距樣式；3. 編輯 settings.json 文件啟用 glyphmargin、linenumbers 和 folding 等選項以間接調整視覺邊距，雖然不支持像素級設置，但能滿足多數日常需求。
在 vscode 中調整編輯器邊距寬度，其實是一個很簡單但很多人不知道的小技巧。它不涉及復雜的配置，主要是通過修改設置中的幾個參數來實現。如果你覺得代碼貼著編輯器邊緣太緊、影響閱讀體驗，或者想統一團隊的代碼展示風格，這個操作就很有用了。
如何在 VSCode 中調整編輯器邊距？
VSCode 默認是自動隱藏邊距的，但你可以手動設置左側和右側的空白邊距，讓代碼看起來更整齊。具體做法如下：
- 打開設置（可以通過菜單 File > Preferences > Settings 或快捷鍵 Ctrl + ,）
- 搜索關鍵詞 Editor: Line Numbers 和 Editor: Glyph Margin
- 你會發現一個叫 Editor: Reveal Line Number 的選項，雖然不是直接調邊距，但結合下面的方法可以整體控制視覺邊距
真正起作用的是：
- editor.glyphMargin: 控制是否顯示斷點旁邊的空白區域
- editor.lineNumbers: 設置行號顯示方式
- editor.folding: 是否顯示折疊箭頭圖標
這些區域加起來，會影響你看到的“左邊距”大小。
使用插件增強邊距控制能力
如果你希望更精細地控制邊距，比如單獨設置左右留白寬度，原生設置可能不夠用。這時候可以借助一些插件來實現：
- Indent Rainbow：不僅美化縮進線，還能幫助你判斷當前代碼塊的實際邊距位置
- Better Align：雖然主要功能是代碼對齊，但配合使用能讓你更清晰地看到邊距變化帶來的排版效果
安裝插件后，通常可以在設置中找到新增的邊距相關選項，甚至可以直接輸入像素值來自定義左右邊距。
修改 settings.json 文件自定義邊距樣式
如果你想更深入控制 VSCode 的邊距顯示，可以直接編輯工作區或用戶設置的 settings.json 文件：
- 打開命令面板（Ctrl + Shift + P）
- 輸入 Preferences: Open User Settings (JSON) 回車
- 添加以下內容：
{ "editor.glyphMargin": true, "editor.lineNumbers": "on", "editor.folding": true, "workbench.editor.untitled.hint": "status" }
雖然 VSCode 不支持直接設置像素級的左右邊距，但通過控制這些 ui 元素的開啟與關閉，你可以間接達到調整“視覺邊距”的目的。
總的來說，VSCode 調整邊距并不復雜，關鍵是搞清楚哪些設置會影響邊距的顯示。不需要下載太多插件，大多數時候只需要簡單配置就能滿足日常使用需求。
