如何修改VSCode中Jupyter Notebook外观使其更接近浏览器版本？

1. 缩小单元格间距 #

打开VSCode设置（快捷键Ctrl+,），搜索jupyter.cellMargin，将默认值（通常为16）改为更小的数值（如8或4），即可减小单元格间的空白，提升单页内容密度。

2. 优化执行状态标记的空间占用 #

方式一：隐藏或按需显示状态栏

在设置中搜索jupyter.cellStatusBarVisibility，可选以下选项：

• hidden：完全隐藏包含对勾的单元格状态栏，彻底节省空间
• hover：仅当鼠标悬停在单元格上时显示状态栏，平时不占用固定位置

方式二：自定义样式缩小状态栏尺寸

若不想完全隐藏，可通过自定义CSS压缩状态栏的占用空间：

1. 打开VSCode的settings.json（快捷键Ctrl+Shift+P，输入Preferences: Open Settings (JSON)），添加以下配置：

   "vscode_custom_css.imports": ["file:///path/to/your/custom-notebook.css"],
   "vscode_custom_css.policy": true
   

2. 创建custom-notebook.css文件，写入：

   .jp-Cell-statusBar {
       height: 12px !important;
       line-height: 12px !important;
   }
   .jp-Cell-statusBar-item {
       font-size: 10px !important;
       padding: 0 3px !important;
   }
   

3. 重启VSCode后，状态栏和对勾标记的占用空间会明显缩小。

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