The latest articles on DEV Community by Mohammad Baqer (@mtbaqer). https://dev.to/mtbaqer https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1014114%2F91fd058d-5b3d-4c3c-9375-c49f9bb2af3d.jpeg https://dev.to/mtbaqer en Mohammad Baqer Fri, 10 Feb 2023 21:42:05 +0000 https://dev.to/mtbaqer/introducing-better-folding-all-you-ever-wished-from-vscode-folding-cga https://dev.to/mtbaqer/introducing-better-folding-all-you-ever-wished-from-vscode-folding-cga <p>Hello everyone, I would like to introduce Better Folding, a VSCode extension inspired by the most requested folding-related features in the VSCode repo all in one.</p> <p>The extension in action:</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8uzy6erzp9f2e5ephny1.gif" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F8uzy6erzp9f2e5ephny1.gif" alt="Preview" width="600" height="833"></a></p> <p>Features:</p> <ul> <li>Including the closing bracket in folded ranges (<a href="https://github.com/microsoft/vscode/issues/3352" rel="noopener noreferrer">requested for 7 years</a>)</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2irsbbg0g97rx465pkml.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F2irsbbg0g97rx465pkml.png" alt="Including the closing bracket in folded ranges" width="800" height="119"></a></p> <ul> <li>Show folded brackets in the collapsed text</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3p3vc7dgr662txp1a4aj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3p3vc7dgr662txp1a4aj.png" alt="Show folded brackets in the collapsed text" width="800" height="525"></a></p> <ul> <li>Including closing tags in folded ranges (<a href="https://github.com/microsoft/vscode/issues/24515" rel="noopener noreferrer">requested for 6 years</a>)</li> <li>Fold self-closing tags</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fz3mbkwuclnkak60y8r.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9fz3mbkwuclnkak60y8r.png" alt="Including closing tags in folded ranges" width="800" height="382"></a></p> <ul> <li>Showing the number of folded lines</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjwfwhqd9u3p0y3yz9zp.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnjwfwhqd9u3p0y3yz9zp.png" alt="Showing the number of folded lines" width="800" height="120"></a></p> <ul> <li>Chain multiple folds together</li> <li>Showing only the function params names in folded functions</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F12bbotsyp2s0zsic12tj.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F12bbotsyp2s0zsic12tj.png" alt="Chain multiple folds together" width="800" height="218"></a></p> <ul> <li>Showing object previews</li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcx1z4fs0j5xjbocaba7.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fqcx1z4fs0j5xjbocaba7.png" alt="Showing object previews" width="800" height="209"></a></p> <p>You can find it here on the <a href="https://marketplace.visualstudio.com/items?itemName=MohammadBaqer.better-folding" rel="noopener noreferrer">marketplace</a></p> <p>Let me know what you think, and if you find any bugs or have an feature requests, please don't hesitate to submit an issue on the <a href="https://github.com/mtbaqer/vscode-better-folding" rel="noopener noreferrer">GitHub repo</a>.</p> <p>Cheers 👋</p> debugging refactorit productivity