DEV Community

Alex
Alex

Posted on

2 1

Few useful VSCode extenstions for TS/JS

Want to share few useful extensions for WebDevs that you didn't heard of.

1. EditorConfig

https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig
If .editorconfig file exists in a project, it will try to format code according to it.

2. Pretty TypeScript errors

https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors
In short
Pretty TypeScript errors

3. Inline Parameters

https://marketplace.visualstudio.com/items?itemName=liamhammett.inline-parameters

4. Tailwind Fold

https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold
Just let you fold all long classnames, so it won't distract you. Can toggle it with ctrl+alt+a, and can edit className when click in dots.

Tailwind Fold

5. Todo Tree

https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree
With it you can add comments like // TODO: do this or // FIXME: a bug
And can track those things

Todo tree icon

Todo tree screenshot

6. Uncanny Cognitive Complexity

https://marketplace.visualstudio.com/items?itemName=Dabolus.uncanny-cognitive-complexity
Good extension that add an icon to sidebar, when code in file get overcomplicated face won't be happy anymore.

Uncanny Cognitive Complexity

AWS GenAI LIVE image

How is generative AI increasing efficiency?

Join AWS GenAI LIVE! to find out how gen AI is reshaping productivity, streamlining processes, and driving innovation.

Learn more

Top comments (1)

Collapse
 
shameel profile image
Shameel Uddin

Pretty TypeScript errors looks really cool. Thanks for sharing =)

Eliminate Context Switching and Maximize Productivity

Pieces.app

Pieces Copilot is your personalized workflow assistant, working alongside your favorite apps. Ask questions about entire repositories, generate contextualized code, save and reuse useful snippets, and streamline your development process.

Learn more