ESSENTIAL JavaScript Extensions for VS Code in 2024

If you're working with JavaScript in 2024, you need these extensions!

**Newsletter**

**DISCORD**

**QUESTIONS ABOUT MY SETUP**

**TIMESTAMPS**
00:00 - Intro
00:28 - Quokka
01:49 - Prettier
02:58 - Github Copilot
04:15 - Tabnine
04:44 - Postman
06:37 - Thunder Client
07:06 - Es7 + React Snippets
08:00 - Turbo Console Log
09:15 - Astro
10:25 - Live Server
11:53 - James Q Quick Theme
12:07 - Cascadia Code Font
12:20 - Extensions to Remove
13:45 - Wrap Up

[sunt]

Thanks for the video James! If anyone else was wondering...you can set editor.linkedEditing to true in your settings.json to enable automatic renaming of linked tags when you've removed Auto Rename Tag

[AlexandreMoreauLemay]

Thanks for the video James. We recently replaced Prettier with Biomejs for our codebase lately, and now with 97% compat with prettier, definitely worth checking out

[shakapaker]

Dotenv extension is for syntax highlight in dotenv files

[Lord_zeel]

Great Chrome extension if you are sick of hassling with "live server" extensions is called "LiveJS" - it's fantastic, albeit somewhat brute force. Rather than something that talks to the server over a socket to find out where a file is updated, but inevitably breaks or just fails to work in certain environments, this just keeps reloading your JS and CSS files by fetching them over and over, then applies the changes if they aren't the same. This works even works when you have to work on legacy code - PHP stack with plain CSS, loads of JQuery, all sorts of random junk? Not a problem at all. And no special server required.

[jdevstudio]

I saw pretty typescript errors icon in the opening of your video and I hoped you would talk about it. Curious about your opinion

[jaya]

Just an FYI, I wouldn't recommend thunder client to anyone anymore since they now limit the amount of requests you can do unless you pay for a license. If you read the extension reviews, you'll see all the drama.

[alexandrmeyer]

wow, I actually found a couple, that I never tried. Earlier I created my own custom console log snippets, that do file names, and so on as I didn't know about that Turbo Console Log

[darkoplax]

wait how did he auto rename without the extension ? he didnt explain it there at the end

[DontFollowZim]

Oxford comma is for lists of things in English where you have a comma before the "and" and the last item in the list. In code, it's a trailing comma or dangling comma.

I don't use copilot because I don't want to pay for it. Tabnine was more of a nuisance back when I used it. I use Cody AI.

"Go and find snippets"... Nah. I create my own so they're more useful to me. There always either a little cruft or some missing useful bits.

[Soulis]

Thx James!

I think you would love the vsc extension of Error Lens for better error visualization.

[deathone]

Like single quotes due to it is one less keystroke, but yes just let prettier handle it unless it bugs you.
My issue with at least Tabnine is every time I have tried to use it my computer lags, maybe the computer is not all that powerful though.

[espindolagustavo]

my favorite extension: codegpt ❤ you can use a lot of open source llms inside VS Code

[davidezih]

For anyone wondering how to activate the auto-rename tag feature in VS CODE, which he mentioned at the end but never clarified how to activate --
you'd need to add the following propery to your vs code SETTINGS.JSON file (which you can reach from the command pallette, Ctrl + Shift + P) :
"editor.linkedEditing": true

[ahmedelnawawy]

Thanks for the video James. if you have another extension to be removed, it will be a helpful video.

[JoelChan]

Thanks James. I switch to Codeium from Tabnine that could generate a block of code for free.

[godwillmonthe]

Ooh damn, I missed the free coupon😭😭 only pain.. At least the 60% one worked😍😍. Thx Mr Quick

[ulrich-tonmoy]

i used live server before but now for Vanilla i use vite

[konradlesniak]

Copilot 100$ per year and is really great :)

[loic.bertrand]

5:50 interesting to see that this extension has the same bug as the Postman app where it doesn't prettify the JSON response anymore 😂

[RobertMcGovernTarasis]

Was excited for a second that the 100% discount would work, then got to the billing page. Curses. Still thanks for the opportunity