My Visual Studio Code setup for Full Stack Web Development

I have been using visual studio code for the last 3 - 4 years and even though I don't like how resource-intensive it is but when it comes to features and customization it never disappoints me. I'm really loving the setup I have now so I thought I should write about my current vs code setup.

About me and my work

I'm a full-stack web developer, I primarily work in Typescript. Our frontend is uses React, Apollo Client, and Next.js (when server rendering is needed). In Backend, we use Nodejs, Express, GraphQL, and Prisma and for deployments, serverless with Github CI/CD.

Theme

I use the default vs code theme Dark + most of the time and other times I use Github Dark

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t6kou1f180gt01zlta6s.png

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yskaakmsefo173biuch9.png

If I'm feeling super adventurous I use a Slack Theme which is a light color theme. It has a few bugs though.

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eczm86y7n8n4xoyfptcb.png

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qaj3unscxvk0plg732wq.png

Font and Settings

My font of choice is Cascadia code by Microsoft and out of all the ligatures-based fonts I have tried Cascadia code and JetBrains Mono are the best two fonts in my opinion.

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pnzza0nkjkiex11cuemb.png

https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ppigoht0p02ss087qy2k.png

Extensions

Language Support and Intellisense Extensions

Extensions I used to use but are obsolete in 2022

Their functionality is now already available in vs code either through a setting or directly out of the box.