How to add region in java script file, visual studio

Question

How to add region to collapse and expand code in java script. If any body knows solution, it will be great. thanks in advance.

Possible duplicate of [how to implement regions/code collapse in javascript](https://stackoverflow.com/questions/1921628/how-to-implement-regions-code-collapse-in-javascript) — Andrei Dragotoniu, Oct 13 '17 at 08:24
Regions are usually editor dependent, not a language feature. Some developers argue that the concept of regions are inherently bad, since they promote hiding ugly code, when you ought to just structure your code properly so regions aren't necessary. — Nikolaj Dam Larsen, Oct 13 '17 at 08:28

Michele Federici · Accepted Answer · 2019-12-11T10:37:01.260

98

It depends only on the IDE.

vscode, for example, added support for code regions in september 2017

For javascript:

//#region

code

//#endregion

or

//region

and

//endregion

The same syntax could work also in different IDEs.

edited Dec 11 '19 at 10:37

answered Oct 13 '17 at 08:30

Michele Federici

I thought it still doesn't supported except C#. – Furkan Ekinci Jul 10 '21 at 17:53
3

//#region...endregion is worked for me – GinCanhViet Oct 26 '22 at 06:51
the exact syntax is `// #region custom_region_name`, see curiousBoy's answer that should be the accepted answer – MAMY Sébastien Nov 22 '22 at 13:40
@MAMYSébastien it depends on the IDE implementation and the language used. See the link for vscode provided as example in the answer. – Michele Federici Nov 23 '22 at 14:49

score 35 · Answer 2 · answered Jul 27 '18 at 04:09

35

This works great on Visual Studio 2017 ( I haven't tried with other versions)

answered Jul 27 '18 at 04:09

curiousBoy

4

Work in VS2019 without installing any plugin as far as I am aware. – Luke Vo Oct 31 '20 at 21:50
3

Works in VS Code – SushiGuy Nov 04 '22 at 20:18
Still good in 2022 - much better than the braces I was using before! – Matthew Beck Jun 14 '23 at 21:20

score 4 · Answer 3 · answered Jan 09 '20 at 13:28

4

for older version(vs2015 and below) select your code block => press CTRL + M+H The Code Will be collapsible

answered Jan 09 '20 at 13:28

Eid Sky

3 Answers3