Four Useful VSCode Extensions For Web Developers

VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful extensions that help him in his daily work.


This content originally appeared on Articles on Smashing Magazine — For Web Designers And Developers and was authored by Steven Frieson

Which param is the array and which is the callback in PHP functions array_map and array_filter? I can never get it right. To avoid this confusion we can use Inline Parameters, which prints inline the names of the function parameters (for JavaScript, TypeScript, PHP, and Lua).

With deeply nested <div> tags we can easily get lost, not knowing which is their ending </div>. HTML End Tag Labels helps us understand the structure of the HTML code, by having the class names of the opening tag be displayed next to its closing tag.

You have something to do in your code, but you don't have time for it now. Better do it later. Quick and easy reminder: add a "TODO" in your code. Fast forward 6 months, and you've accumulated 150 TODOs, and you need to take care of them. The Todo Tree will help you find all TODOs in your code.

You created some really beautiful code, and you want to share it with the world? You can take a screenshot, download it, go to Twitter, upload it and send it. Or you can select the code right within the editor, and have Snipped generate a beautiful image of it and send it straight to Twitter.

These four extensions have proven very handy for my work with web development. What other useful extensions do you use? Let me know in the comments.


This content originally appeared on Articles on Smashing Magazine — For Web Designers And Developers and was authored by Steven Frieson


Print Share Comment Cite Upload Translate Updates
APA

Steven Frieson | Sciencx (2021-08-06T10:00:00+00:00) Four Useful VSCode Extensions For Web Developers. Retrieved from https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/

MLA
" » Four Useful VSCode Extensions For Web Developers." Steven Frieson | Sciencx - Friday August 6, 2021, https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/
HARVARD
Steven Frieson | Sciencx Friday August 6, 2021 » Four Useful VSCode Extensions For Web Developers., viewed ,<https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/>
VANCOUVER
Steven Frieson | Sciencx - » Four Useful VSCode Extensions For Web Developers. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/
CHICAGO
" » Four Useful VSCode Extensions For Web Developers." Steven Frieson | Sciencx - Accessed . https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/
IEEE
" » Four Useful VSCode Extensions For Web Developers." Steven Frieson | Sciencx [Online]. Available: https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/. [Accessed: ]
rf:citation
» Four Useful VSCode Extensions For Web Developers | Steven Frieson | Sciencx | https://www.scien.cx/2021/08/06/four-useful-vscode-extensions-for-web-developers/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.