如何自定义Visual Studio Code中Jupyter Notebooks的界面样式

以下是对应需求的配置方案：

1. 移除代码单元格顶部操作栏 #

你提到的带绿色运行三角和大写M标识的栏是Jupyter单元格工具栏，可通过以下配置隐藏：

• 按下快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开VS Code设置面板
• 搜索配置项 Jupyter: Cell Toolbar Location
• 在下拉选项中选择hidden，配置会即时生效，多余的垂直空间会自动释放

2. 实现灰色区域间蓝色分割线效果 #

要达到目标显示效果，按以下步骤配置：

• 在设置面板搜索 Notebook: Cell Border
• 勾选该配置项的复选框，即可开启单元格之间的蓝色边框
• 如果希望界面更紧凑，可搜索Notebook: Cell Padding，将默认值修改为2px，缩小单元格上下内边距
  你也可以直接打开VS Code的settings.json配置文件，批量添加以下代码：

{
    // 隐藏Jupyter单元格顶部工具栏
    "jupyter.cellToolbarLocation": "hidden",
    // 开启单元格蓝色边框
    "notebook.cellBorder": true,
    // 调整单元格内边距，获得更紧凑的显示效果
    "notebook.cellPadding": "2px"
}

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