🛠 Visual Studio Code - Full Setup From Scratch
HTML-код
- Опубликовано: 31 июл 2024
- 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
X - twitter.com/igorbabko
The best vs code customization tutorial on youtube ♥ thank you
Thank you for the support!
loved it! bro
Glad to hear!
Never saw a such deep setup on vscode 😮
Hopefully the video was useful to you :)
great video
i have a problem on windows though, when i set the title bar style to native and hidden, and make the menubar compact, i cant drag the window anymore, when i move my mouse to the top to drag the window, it picks up the file instead
whoa!!!
I don't know before that we can edit vscode pixel by pixel 😳
Haha, yeah, VS Code is highly customizable.
is the gradient edited? if its not i would love to learn how you did it
Which gradient exactly are you referring to?
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
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.
can i directly paste the configuration into my VScode setting json file ?
Sure, here is the Gist with my latest VS Code settings - gist.github.com/igorbabko/c7eec47cb78f9cf1fe9e5038da62f0d8
and my keybindings - gist.github.com/igorbabko/ff9480733247abbb21274467ef6f23e2
Let me know if you'll have any questions.
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!
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 🙂
Sir please share more theme which you are aslo like..because i support your favourite, too much ❤
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
@@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..😢
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 🙂
@@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 {{}}😢
Interesting, for me, it's actually the opposite, the brackets in the "working" section are of different colors.
Yeah..also great..please sir make one video.. Vs code like a pro user..i mean vs code control only using, keyboard,
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.
@@igor_babko Thank you so much..really i wait for your this playlists 💖😎
Glad to hear that!
@@igor_babkohello sir please tell me when I get this playlist,, i'am aslo wait for this session😢
Hi there, thanks! First 3 videos are already published - ruclips.net/p/PLXDouhCU5r6qRE46qQ2rYIPnbJ5a9jzmd
repo link?
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.
My GitHub account is active again, and links to repositories work now - github.com/igorbabko/vscode-setup
Honestly you disable very important things
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. 🙂