How to enable multiline JS strings folding (hiding) in VSCode?

Question

In VSCode, like in every modern code editor, we can fold (hide) functions, classes etc. basing on their scope. But I'd like to extend this behavior for working also in case of multiline JS strings. I have such an object:

const myObject = {
  myKey1: multiline(`

    some

    very

    long

    multiline

    string


  `),
  myKey2: multiline(`

    another

    very

    long

    multiline

    string


  `)
}

Now I can only fold the whole object in VSCode, but I'd like to fold only some chosen multiline string. Is it possible?

Does this answer your question? [How do I collapse sections of code in Visual Studio Code for Windows?](https://stackoverflow.com/questions/30067767/how-do-i-collapse-sections-of-code-in-visual-studio-code-for-windows) — Patrick, Jan 31 '20 at 15:02

score 3 · Answer 1 · answered Jan 31 '20 at 15:03

3

You can use:

//#region and //#endregion around the section you want to fold in JavaScript/TypeScript.

answered Jan 31 '20 at 15:03

Patrick

5,526
14
64
101

score 3 · Accepted Answer · answered Jan 31 '20 at 15:10

3

Okay, I found the best solution for me: just to change folding strategy from auto to indentation:

But thanks for your suggestions guys!

answered Jan 31 '20 at 15:10

Karol Selak

4,248
6
35
65

How to enable multiline JS strings folding (hiding) in VSCode?

2 Answers2