如何锁定Visual Studio Code编辑器布局？重点锁定左侧面板宽度

一、原生设置固定宽度 #

VS Code没有直接的「锁定面板宽度」开关，但可以通过修改配置文件固定左侧活动栏和侧边栏的宽度：

• 打开设置（快捷键Ctrl+,），点击右上角的「打开设置(JSON)」图标
• 在settings.json中添加以下配置：

  // 固定最左侧活动栏（图标栏）的宽度
  "workbench.activityBar.width": 40,
  // 固定侧边栏（活动栏展开后的面板）的宽度
  "workbench.sideBar.width": 250
  

  设置完成后，拖动面板边缘不会改变宽度，如需调整需修改上述配置值

二、扩展插件方案 #

• Lock Sidebar：一键锁定侧边栏宽度，防止误拖动。安装后点击侧边栏的锁定图标即可启用，解锁只需再次点击。
• Customize UI：进阶自定义插件，支持锁定各类面板布局，还可调整更多UI细节，需通过settings.json配置启用锁定功能。

三、自定义CSS强制锁定（进阶） #

如果原生设置和插件无法满足需求，可通过自定义CSS强制锁定宽度：

1. 安装Custom CSS and JS Loader插件
2. 创建CSS文件，添加以下内容：

   /* 锁定活动栏宽度 */
   .activitybar {
       width: 40px !important;
       min-width: 40px !important;
       max-width: 40px !important;
   }
   /* 锁定侧边栏宽度 */
   .sidebar {
       width: 250px !important;
       min-width: 250px !important;
       max-width: 250px !important;
   }
   

3. 在settings.json中配置CSS文件路径：

   "vscode_custom_css.imports": [
       "file:///path/to/your/custom.css"
   ]
   

4. 重启VS Code并允许加载自定义CSS

附：双屏适配Shell脚本 #

以下是用于将VS Code窗口调整为覆盖单屏150%区域的脚本：

#!/bin/bash

# 从xrandr输出中提取工作区总高度（Y轴分辨率）
get_screen_y() {
  xrandr | awk '/Screen 0:/ {gsub(/,/, ""); print $10}' | cut -d 'x' -f 2
}

# 从xrandr输出中提取工作区总宽度（X轴分辨率）
get_screen_x() {
  xrandr | awk '/Screen 0:/ {print $8}' | cut -d 'x' -f 1
}

# 从xrandr输出中提取Y轴偏移量
# 这是上方屏幕相对于下方屏幕的偏移值
get_y_offset() {
  xrandr | awk '/eDP-1-1 connected primary/ {split($4, coords, "+"); print coords[3]}'
}

# 获取Visual Studio Code窗口的顶部栏高度
get_vscode_top_bar_height() {
  # 获取Visual Studio Code的窗口ID
  WINDOW_ID=$(xdotool search --name "Visual Studio Code")

  # 使用xwininfo获取窗口信息并提取顶部栏高度
  xwininfo -id "$WINDOW_ID" | awk '/Absolute upper-left Y:/ {print $4}'
}

# 获取Visual Studio Code的窗口ID
WINDOW_ID=$(xdotool search --name "Visual Studio Code")

# 计算VS Code窗口的尺寸
SCREEN_WIDTH=$(get_screen_x)
SCREEN_HEIGHT=$(get_screen_y)
Y_OFFSET=$(get_y_offset)

xdotool windowmove $WINDOW_ID 1920 1
sleep 0.1

# 计算VS Code窗口的目标尺寸
TOP_BAR_HEIGHT=$(get_vscode_top_bar_height)
# 如果自动获取有问题，可以手动设置TOP_BAR_HEIGHT=74
DESIRED_WIDTH=$((SCREEN_WIDTH * 3 / 4))
DESIRED_HEIGHT=$((Y_OFFSET))
DESIRED_X=$((SCREEN_WIDTH / 4))
DESIRED_HEIGHT=$((DESIRED_HEIGHT - TOP_BAR_HEIGHT))

echo "屏幕宽度: $SCREEN_WIDTH"
echo "屏幕高度: $SCREEN_HEIGHT"
echo "Y轴偏移量: $Y_OFFSET"
echo "顶部栏高度: $TOP_BAR_HEIGHT"
echo "目标X坐标: $DESIRED_X"
echo "目标宽度: $DESIRED_WIDTH"
echo "目标高度: $DESIRED_HEIGHT"

# 调整VS Code窗口尺寸
xdotool windowsize $WINDOW_ID $DESIRED_WIDTH $DESIRED_HEIGHT
sleep 0.1
xdotool windowmove $WINDOW_ID $DESIRED_X 0

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