VSCode禅模式：扩展编辑器宽度（移除侧边边距）

方法一：修改内置配置文件（无需扩展） #

这是最直接的解决方式，调整VSCode核心配置即可实现需求：

1. 打开JSON格式的用户设置：按Ctrl+,（Windows/Linux）或Cmd+,（Mac）调出设置面板，点击右上角的「打开设置(JSON)」图标；也可以通过命令面板（Ctrl+Shift+P/Cmd+Shift+P）执行Preferences: Open Settings (JSON)命令。
2. 在配置文件中添加以下内容：

   "zenMode.centerLayout": false,
   "zenMode.fullScreen": true, // 可选：开启后进入系统级全屏，隐藏任务栏/dock，按需选择
   "editor.minimap.enabled": false, // 可选：移除侧边迷你地图，进一步释放空间
   "workbench.editor.showTabs": false // 可选：确保禅模式下彻底隐藏标签栏
   

   其中zenMode.centerLayout是核心配置——默认值为true，会让编辑器居中并保留水平边距，改成false后编辑器将自动填满整个窗口。

方法二：自定义CSS实现极致控制（适配特殊场景） #

如果内置配置无法彻底移除边距（比如部分主题自带额外样式），可以用自定义CSS的方式：

1. 安装Custom CSS and JS Loader扩展
2. 打开用户设置JSON，添加自定义CSS文件的路径（替换为你自己的文件路径）：

   "vscode_custom_css.imports": [
     "file:///Users/yourname/vscode-custom-style.css" // Mac示例，Windows路径类似"file:///C:/Users/yourname/vscode-custom-style.css"
   ]
   

3. 创建对应的CSS文件，写入以下样式：

   /* 彻底移除禅模式下的所有水平边距和内边距 */
   .zen-mode .editor-container {
       margin: 0 !important;
       max-width: 100% !important;
   }
   .zen-mode .content {
       padding: 0 !important;
   }
   .zen-mode .editor-scrollable {
       padding-left: 0 !important;
       padding-right: 0 !important;
   }
   

4. 保存配置和CSS文件后重启VSCode，执行命令面板中的Enable Custom CSS and JS命令，再次重启即可生效。

内容的提问来源于stack exchange，提问作者Daggerpov