DEV Community

Alex
Alex

Posted on

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

Top comments (1)

Collapse
 
shameel profile image
Shameel Uddin

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