Fast abstract ↬

VS Code will be supercharged wuth a whole bunch of VS Code extensions. On this article, Leonardo shares 4 helpful extensions that assist him in his every day work.

Inline Parameters

Which param is the array and which is the callback in PHP features array_map and array_filter? I can by no means get it proper. To keep away from this confusion we will use Inline Parameters, which prints inline the names of the operate parameters (for JavaScript, TypeScript, PHP, and Lua).

Inline Parameters VSCode extension

HTML Finish Tag Labels

With deeply nested <div> tags we will simply get misplaced, not figuring out which is their ending </div>. HTML End Tag Labels helps us perceive the construction of the HTML code, by having the category names of the opening tag be displayed subsequent to its closing tag.

HTML End Tag Labels VSCode extension

TO-DO Tree

You’ve one thing to do in your code, however you don’t have time for it now. Higher do it later. Fast and straightforward reminder: add a “TODO” in your code. Quick ahead 6 months, and also you’ve gathered 150 TODOs, and you must care for them. The Todo Tree will assist you discover all TODOs in your code.

Todo Tree VSCode extension

Code Snippet Screenshots

You created some actually lovely code, and also you need to share it with the world? You may take a screenshot, obtain it, go to Twitter, add it and ship it. Or you may choose the code proper throughout the editor, and have Snipped generate a fantastic picture of it and ship it straight to Twitter.

Code screenshot taken with the Snipped VSCode extension

These 4 extensions have confirmed very useful for my work with net improvement. What different helpful extensions do you employ? Let me know within the feedback.

Extra after soar! Proceed studying under ↓

Smashing Editorial(vf, il)

Source link

Translate »