DEV Community

Discussion on: What are your favorite VS Code extensions for working with JS & TS?

Collapse
 
zalithka profile image
Andre Greeff • Edited

yeah ok, I'll bite.. (:

first, a little disclaimer: many of these are not directly related to JS or TS, but I would say they are indirectly related to all languages.

so, to cherry-pick a few items from my current extensions list:

  • Better Comments: pretty much just colour-coded comments, but having // ! <message> show up in red, and // ? in blue, // * in green, etc. is super helpful.
  • CSS Stacking Contexts: because you can't have /[TJ]S/ without CSS (right??), and because nobody ever knows enough about CSS to catch every edge case themselves...
  • Dependency Analytics: because, well, the JS package ecosystem.. need I say more? it btw, also supports scanning deps in Python, Maven, and Go.
  • ESLint: which is almost a staple extension these days.. actually, isn't it pre-installed in VSCode? I haven't had a "fresh install" in forever. also supports TS these days (r.i.p. TSLint).
  • Gremlins Tracker: another language-agnostic one, but oh-so-useful.. especially when copy-pasting code from someone who uses a Mac (JS interpreters really dislike the styled "left" and "right" double quotation marks).
  • jsflowchart: makes it really easy to visualise the logic flow of a JS snippet.
  • Json Editor: because, well, if you use JS, you use JSON. this helps, especially with larger objects..
  • Package Json Upgrade: useful for any projects that use Node modules, provides an easy upgrade path, by "patch", "minor", or "major" version segment (which I've always wished the built-in one would do).
  • Prettier - Code Formatter: this probably needs no introduction.
  • Formatting Toggle: (tacked on because of Prettier) this one is absolutely crucial if you collaborate with people who dislike code formatters (yes, these people exist)...
Collapse
 
lgrammel profile image
Lars Grammel

Awesome extensions, thanks for the recommendations!

Do you know by any chance if jsflowchart works with TypeScript? I could only get it to work with JS so far.

Collapse
 
zalithka profile image
Andre Greeff

no, sorry.. I think it's JS only. would be pretty cool to extend it with TS support too, but if we start exploring that rabbit hole, we would find a great many other languages to add support for... :D

Collapse
 
swepool profile image
Swepool

Dang, good ones!

Collapse
 
psysolix profile image
Stefano P

Great list! Thanks 🤗