Visual Studio Code Question posted in
View the official documentation.

How to collapse all cells by default in Jupyter notebooks in Visual Studio Code?

I am using Jupyter notebooks in Visual Studio Code, and I would like all cells (both input and output) to be collapsed by default when I open a notebook. This would allow me to have a cleaner overview of my notebook, especially when it has a large number of sections.

Here’s what I’ve tried so far:

I looked for a setting in settings.json and added the following line:

"jupyter.defaultCellCollapseState": true
However, this doesn’t seem to work, and the cells remain expanded by default.

I explored extensions like "Jupyter" and "Collapse Sections," but I couldn’t find an option to automatically collapse all cells at the notebook level in Visual Studio Code.

I also searched online and found JavaScript snippets for Jupyter notebooks (e.g., %%javascript), but they seem to work only in browser-based Jupyter, not in Visual Studio Code.

Does Visual Studio Code support collapsing all cells by default in Jupyter notebooks? If not, is there a workaround or script I can use to achieve this?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I've already tried adding images, but when I use Markdown headers (#, ##, etc.), they don't appear as titles but instead show the raw Markdown (## instead of an actual header).

    Additionally, I’d like the structure of my post to collapse by order of importance. For example:

    should be the main section (default view),

    If expanded, ## should reveal its subsections, And if further expanded, ### should reveal even more detail. Currently, everything is displayed at once, and the post looks cluttered.

    Also, when I use the image Markdown enter image description here, I’d like it to only display the clickable text or link placeholder, not the full image inline by default. For example, this: enter image description here should just show a simple clickable placeholder or text. However, what I get instead is this: I’d like it so that when I use the command enter image description here, it outputs this: enter image description here, instead of this: enter image description here.

    Improved Request: How can I ensure Markdown headers (#, ##, ###) render properly as titles in my Stack Overflow post and not as raw Markdown syntax? How can I create a collapsible structure for my post where subsections (##, ###) are hidden by default but can be expanded by the reader? How can I make images in my post appear only as clickable placeholders (e.g., enter image description here) without displaying the full image inline? Thank you for your guidance!


  2. 0

    You can find and set shortcut keys.

    CTRL+SHIFT+P to search related settings:

    Collapse All Cell Outputs/Inputs.

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search