Visual Studio Codeにおけるjsxの折りたたみ機能について

最近開発で使用しているVScodeにおいて,jsxの折りたたみ (folding) が上手く動いていない気がしたので,修正を行った際のメモ.

症状

f:id:silent_cherry:20180819051812j:plain

希望としては,図の赤枠で囲ったあたりに折りたたみのアイコンが表示されてほしかったのだが,全く表示されない.

とりあえず,基本設定 - 設定」を開き,

"editor.foldingStrategy": "auto"

となっているところを

"editor.foldingStrategy": "indentation"

にすると,無事に動作するようになった.

f:id:silent_cherry:20180819051504g:plain

古いバージョンのVS Codeでは折りたたみはインデントの有無で判断していたようだが,VS Code 1.22以降,折りたたみを行う際に構文認識を行っているため,構文認識が上手く動かないと折りたたみも動作しなくなっているっぽい?