What are some of the best extensions for Web developers on Vscode?

i would love to have the best set up for my web dev journey

10 Replies

b1mind•6mo ago

I say limit the extensions you use and only add them as you find the need There are some language specific you need, some functional, some pure style That being said some I personally can't live without are

//language
html css support
css peek
css var complete
//tooling
prettier
bookmarks
todo+
Cspell (code spell checker)
//looks
symbols (icon theme)
NightMind (my vsc theme)

I also have more specific things but not many (wsl, svelte for vsc, etc)

//language
html css support
css peek
css var complete
//tooling
prettier
bookmarks
todo+
Cspell (code spell checker)
//looks
symbols (icon theme)
NightMind (my vsc theme)

I also have more specific things but not many (wsl, svelte for vsc, etc)

Tok124 (CSS Nerd)•6mo ago

b1mind•6mo ago

ah another Pug lover! you know whats really nice... Using Vituum for pug templating 😉 (https://vituum.dev/guide/) Having your editor do the compile is just meh for me anymore.

Tok124 (CSS Nerd)•6mo ago

Oh, i've never heard about vituum, thanks for the advice ! I will check that out, i mostly just write pug in codepen, but it happens sometimes that i write it in vscode too :p

b1mind•6mo ago

Vituum lets you use it proper with actual templating

Zach•6mo ago

learning vim keybindings and getting a vim extension is really nice

b1mind•6mo ago

second this and if you outgrow it NeoVim extention require a bit more setup (requiring neovim itself installed) but worth it

clevermissfox•6mo ago

Base Ext: Prettier , live server, eslint, and if you use react, Simple React Snippets. Also setting up your own keyboard shortcuts or snippets is easy and can save you from having to use some extensions. Also sometimes downloading the extension means you also have to point your settings for example if you download Prettier, you still have to tell VsCode to use it as your default formatter . Like b1 said try to limit the amount of extensions you are using and bring them in only as you need them. So much depends on what you need like for scss or pug or react; if you only need for a one-off project uninstall when you’re done

b1mind•6mo ago

Hot tip instead of uninstalling you can set up workspaces* https://code.visualstudio.com/docs/editor/workspaces and only enable the extension you need for that project. So like I have python extensions but I only enable them for workspaces when I'm using it. Someone mentioned using profiles in the same manner

lajkmi.•6mo ago

You can't code wihout Bongo Cat trust me 🙂

Gaming

Programming

What are some of the best extensions for Web developers on Vscode?