Collapse only methods

FollowFollowed by 4 people

Hi, 

If I've understood you correctly, 'Expand Recursively' action may help. Put cursor on the method and press 'Ctrl+Alt+NumPad Plus'(Visual Studio keymap) to expand the method and everything inside of it. More info on folding actions in Rider: https://www.jetbrains.com/help/rider/2017.1/Code_Folding.html

Hope it helps,

Julia

That does help! I hadn't tried putting the cursor on the method, I just pressed the keyboard shortcut and everything in the file collpased. Thanks Julia.

You are welcome!

Please add an easier version of this. I want to be able to expand all methods recursively 

vs code has fold level 1, intellij does not have

Serkanozel380,

Please take a look at the new Rider docs on folding code elements: https://www.jetbrains.com/help/rider/Code_Folding.html#folding_menu. We have added new actions there. Does any of them suits you? If not, could you please provide a code example with expected and actual results after you expand it?

Julia Vaseva let me elaborate more:

Think about this code (typescript, language does not matter at all)

let bar: boolean;

function add(a: number, b: number) {

  if (a > b) {

    console.log('a is bigger')

  } else if (a == b) {

    console.log('a is equal to b')

  } else {

    console.log('b is bigger')

  }

  return a + b;

}

function add2(a: number, b: number) {

  if (a > b) {

    console.log('a is bigger')

  } else if (a == b) {

    console.log('a is equal to b')

  } else {

    console.log('b is bigger')

  }

  return a + b;

}

after vscode's fold level 1

let bar: boolean;

function add(a: number, b: number) {

  (folded)

}

function add2(a: number, b: number) {

  (folded)

}

let bar: boolean;

function add(a: number, b: number) {

  if (a > b) {

    console.log('a is bigger')

  } else if (a == b) {

    console.log('a is equal to b')

  } else {

    console.log('b is bigger')

  }

  return a + b;

}

function add2(a: number, b: number) {

  (folded)

}

Serkanozel380,

For C# Rider has a nice action named `Collapse to definitions` (Code -> Folding -> Collapse to Definitions), which collapses methods, but not their contents. To expand all of them back, use `Expand all` action. Unfortunately, other languages doesn't support it. Here is the feature request for other languages: https://youtrack.jetbrains.com/issue/IDEA-231351. Please feel free to add a comment and upvote.

Julia Vaseva

Here is an example of code from VueJs

export default {
  data() {
    return {....}
  ),
  computed: {
    ...mapState(...)
  }
  methods: { // collapse only method1/2/3/4 but not the content of the methods
    method1() {},
    method2() {},
    method3() {},
    method4() {},
  }
}

I would like to be able to collapse to level 1 so that only the methods in "methods" are collapsed, without the loops and conditions being collapsed when I open a method.

A bit like PHP's collapse which only collapses the method but not the contents of the method when the method is opened.

Jeremy

Thank you for the code example. I have added it as an internal comment to IDEA-231351 feature request so that the developers team can see it. Please upvote the issue in order to demonstrate additional interest and bring increased awareness to the issue.