🛠 Visual Studio Code - Full Setup From Scratch

Let's reproduce my VS Code setup by applying settings one by one.
X - / igorbabko
🧪 Repository: github.com/igorbabko/vscode-s...
🧪 Source code for every lesson: github.com/igorbabko/vscode-s...
📄 Installing Oh My Zsh on Windows: dev.to/nirtamir2/how-to-confi...
📄 Installing Starship on Windows: dev.to/ganmahmud/take-your-wi...
💻 Oh My Zsh: ohmyz.sh/
🚀 Starship: starship.rs/
📝 Fig: fig.io/
✍️ Dank Mono Font: philpl.gumroad.com/l/dank-mono
✍️ JetBrains Mono Font: www.jetbrains.com/lp/mono/
✍️ Nerd Fonts: www.nerdfonts.com/
🎨 Theme: marketplace.visualstudio.com/...
🎨 Icons: marketplace.visualstudio.com/...
🛠 Apc Customize UI++ extension: marketplace.visualstudio.com/...
🦄 VSCode Animations extension: marketplace.visualstudio.com/...
🍿 Playlist: • My VS Code Setup
#vscode #visualstudiocode #codeeditor
🕛 Time codes:
00:00 - User Interface
07:55 - Code editor
17:16 - General settings
22:25 - Terminal (Oh My Zsh and Starship plugins)
27:12 - Terminal styles
31:52 - Autosuggestions in terminal (plugin Fig for macOS)
34:23 - Apc Customize UI++ extension
43:58 - Overriding styles with Apc Customize UI++ extension
50:37 - Animated interface (VSCode animations extension)
58:08 - Final UI enhancements

[@igor_babko]

X - twitter.com/igorbabko

[@wassupdoc7742]

The best vs code customization tutorial on youtube ♥ thank you

[@igor_babko]

Thank you for the support!

[@joqtanalberto8975]

Never saw a such deep setup on vscode 😮

[@igor_babko]

Hopefully the video was useful to you :)

[@geekthegeek730]

loved it! bro

[@igor_babko]

Glad to hear!

[@Nishanth_S]

whoa!!! I don't know before that we can edit vscode pixel by pixel 😳

[@igor_babko]

Haha, yeah, VS Code is highly customizable.

[@deshbhakt992]

loved it sir . this is the best video i ever saw about vs code but i have one probleme am using different theme and side bar , status bar color is different i tried changing the settings by myself but didnt worked will help to hear suggestions from you

[@igor_babko]

Thanks for the support! Are you using APC Customize UI++ extension to change colors of the theme? If so, then probably you have to try to assign CSS rules with an !important keyword to various DOM elements in Dev Tools in order to override theme colors until you find the proper DOM element that will properly apply your custom color.

[@myxo777]

is the gradient edited? if its not i would love to learn how you did it

[@igor_babko]

Which gradient exactly are you referring to?

[@YinzHD]

Great Igor! Could you give some feedback on my own theme? It's called Safira Theme and I think it works pretty well with settings like yours!

[@igor_babko]

Thank you! Yeah, "Safira Theme" looks good to me! The theme choice is highly based on personal tastes. But in general, colors are well picked. They have a good contrast. I personally prefer when the sidebar color matches the editor color, but again, it's just my personal preference 🙂

[@Jibonbd360]

Sir please share more theme which you are aslo like..because i support your favourite, too much ❤

[@igor_babko]

Sure, here are some of my favorite ones: - marketplace.visualstudio.com/items?itemName=equinusocio.vsc-material-theme - marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme - marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme - marketplace.visualstudio.com/items?itemName=Catppuccin.catppuccin-vsc - marketplace.visualstudio.com/items?itemName=sdras.night-owl - marketplace.visualstudio.com/items?itemName=MaoSantaella.night-wolf - marketplace.visualstudio.com/items?itemName=teabyii.ayu

[@Jibonbd360]

@@igor_babko those are really awesome..here one problem not problem actually this i feel so bad..so poor..i mean i'm php laravel developer..almost i am using blade syntax.. Unfortunately my vs code not support bracket pair color extension..in this also theme its support only vs code official theme..😢

[@igor_babko]

Actually, bracket-pair colorization comes out of the box with VS Code now. Not sure why it doesn't work in your case. Do you also use this extension to provide highlighting for blade files? marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade I also enjoy using Laravel; hopefully I'll be able to create many videos on Laravel in the future 🙂

[@Jibonbd360]

@@igor_babko {{working}} I mean brack different color working in thik working section but it still not woking in this not working section..it will be shown one blue color of {{}}😢

[@igor_babko]

Interesting, for me, it's actually the opposite, the brackets in the "working" section are of different colors.

[@Jibonbd360]

Yeah..also great..please sir make one video.. Vs code like a pro user..i mean vs code control only using, keyboard,

[@igor_babko]

That's a good idea! I was thinking of creating a playlist on how to use the VS Code Neovim extension, where I want to show how to drastically reduce mouse usage while using VS Code. But this is not going to be a full course on how to use Vim (I might create a separate series about it in the future); instead, we'll focus on specifics of how to use the VS Code Neovim extension - marketplace.visualstudio.com/items?itemName=asvetliakov.vscode-neovim I've already started working on this playlist.

[@Jibonbd360]

@@igor_babko Thank you so much..really i wait for your this playlists 💖😎

[@igor_babko]

Glad to hear that!

[@Jibonbd360]

@@igor_babkohello sir please tell me when I get this playlist,, i'am aslo wait for this session😢

[@igor_babko]

Hi there, thanks! First 3 videos are already published - kzbin.info/aero/PLXDouhCU5r6qRE46qQ2rYIPnbJ5a9jzmd

[@jayantrohila]

repo link?

[@igor_babko]

Recently I discovered that my GitHub account was suspended for some reason. I've already contacted support. Once this is resolved, I will let you know in this thread, sorry for inconvenience.

[@igor_babko]

My GitHub account is active again, and links to repositories work now - github.com/igorbabko/vscode-setup

[@Grandmaster1199]

Honestly you disable very important things

[@igor_babko]

Yeah, to most people, it would seem that I've disabled way too much. The goal was to show how to toggle certain things, so people would know how to do it and decide whether to hide some elements or keep them visible. 🙂