How I Setup And Customize VSCode

VSCode is amazing, but can be a bit overwhelming with all the options and extensions available. In this video I will be showcasing my entire VSCode setup and sharing tips with you on how you can setup your own VSCode.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:20 - Live Server Extension
01:10 - Tabnine Extension
02:08 - Prettier Extension
02:49 - GitLens Extension
03:52 - Other Extensions
06:42 - Why I Don't Use Many Extensions
07:07 - My Theme/Font
08:41 - My Settings

#VSCode #WDS #WebDevelopment

[WebDevSimplified]

Get 50% off Tabnine for 6 months with the below link.
This link is only valid for the first 100 people.

[vaibhavjain]

Kyle, a suggestion for your next video: How do I setup and customize my Hair.

[randy]

I love the “biscuits” extensions: they label the closing brackets, which is great when the opening bracket is off-screen above.

[ashish_prajapati_tr]

pls make video on what shortcut keys you use to speed up your coding.

[sashaikevich]

Consider adding Jumpy and Bracket Pair Colorizer to your list of must-have plugins. The first lets you easily jump to different parts of your code. The second helps match up different brackets.

[vipul]

I accidentally found this channel and now I regularly watch all videos, best video bro

[randy]

In a world filled with repetitious VSC extension lists, this was a great quick-paced video. I learned a lot and loaded some new (for me) extensions

[jameso]

Cool tip: You don't need to modify VS Code's CSS to make the text bigger just for videos like this -- you can simply press [CTRL] [ + ] or [CTRL] [ - ] to Zoom the whole GUI of the program. Super useful when I'm switching from a large monitor to smaller screen too!

I actually wish more software had easy UI zooming feature like this, as High DPI support on Windows is really janky and inconsistent.

[yamogebrewold]

ESLint is arguably one of the most important extensions.

[emreozgun]

thanks for TODO Highlight, really needed something like that!

[srinathsathyanath]

webDevSimplified is my now "go to" tutorial channel 👍
Great job bro 🔥

[chris]

Brilliant, I was thinking I need to search for VS code set-up, and your vid popped up, thank you - you read my mind :)

[mmory_leak]

I'm gonna watch this after I shower eating breakfast

[AmodeusR]

7:24 Why don't you make use of Workspaces then? You could have a custom workspace specifically to your workflow or youtube channel, and the general workspace just as you like, or even another custom workspace with all the modifications you would want to have enabled or different from the default.

[thelazt]

Font Switcher is a nice way if you want to change your font easily. I've been using it for months and love it.

[leadlearner]

thnQ for sharing these valuable VSCode extensions Kyle :-) ditto on 'short-cuts' video to help speed up productivity

[JamesL]

Cascadia Code is also a great free font with ligatures I would recommend trying out

[ipsb]

For the theme I would recommend using "JellyFish Theme" as it's so beautiful and awesome to work with.

[alanliang]

Thank you for your videos young Sir. Very professional and to the point. You will be or already are a rich man.

[mountakhabi]

You absolutely need to see the extensions Thunder client and Quokka