Calling all devs! We've just launched our brand new newsletter, Dev Notes! Delivered weekly, Dev Notes is your specialized briefing into the world of technology, computer science research, and software engineering, tailored specifically for those who are building it: the developers. Go to www.devnotesdaily.com/ to learn more and sign up! We've also just announced Studious, a Notion template built specifically for students to keep track of everything in your student life. For a very limited time, you can receive the early bird discount by going to notionstudent.com and entering your email before the projected launch date of July 31, 2023. Upon the official launch, you will be notified via an email containing your discount code so you can organize your studies with Studious in time for your Fall semester. _Posted July 20, 2023 by Forrest Knight_ *Original Comment:* So, what are _your_ favorite VS Code settings & extensions? And what theme are you running?

Here are some interesting extensions you might find useful: Error Lens - Highlights errors and warnings inline rather than having to hover over red swiggly lines to inspect the error/warning Git Lens - Nice way to see who wrote certain pieces of code quickly. Very useful if the project is developed by a team. Path Intellisense - Autocompletes file names Thunder Client - Lightweight tool to make api calls like postman or insomnia Theme - Atom One Dark, since everyone was commenting what themes they use 😅

I believe Andromeda would be offended by that pronunciation.

I used the Synthwave '84 theme for almost a year then recently switched to Moonlight. What can I say, I love the glowing text.

Absolutely loved the video , the new era of ForrestKnight is definitely something to not miss out on !! About to start my fall semester with my first computer science class! Thanks for all the inspiration Forrest!

Nice video. Some extensions I really like are: REST Client: To make requests. It is script based and supports comments, thus you can use it as a temporary replacement for API docs. Find it to be really useful. Remote - SSH: Really great if you are working with Remote Servers. JavaScript REPL: Is really nice if you are working on some algorithm and want a fast response to what you are tweaking. MongoDB for VS Code: Basically a database client for MongoDB within VSCode. Theme Cobalt2 - Really pleasing to the eye.

Looking at your chosen theme and the fact that you like dimmed pastels in other contexts, the Rainier theme would probably interest you, since it's a middle ground between high saturation colors and dimmed pastels (the colors look like chalk). BTW you can disable font ligatures (the merged characters) in the VS code setting and Fira Code (or any other programming font) would render characters without them.

well, finally I got the extension for the icons *_* thanks a lot and my fav/current theme is Monokai Pro (Filter Octagon)

Nice vid! I've been using "Bearded Theme Monokai Black" for a while, I strongly recommend, their extension comes with different styles to match your taste

We had a guy join the team about a year ago, 25+ year industry vet. Whole team uses VSCode with a recommended set of extensions but he was used to his Vim and we weren’t going to force him to make the change. It didn’t end up working out, and it was too little too late but he did eventually realize he made a mistake when he watched me CMD-click through a series of inherited classes that had been taking him literal hours to navigate before

That Andromeda theme is stunning! I've been using Dainty - Panda Theme for my own VS Code setup too!

Nice theme. I use phpstorm myself and use Materials oceanic theme with high contrast. Might try and make the switch to vs code once my license ends

my favorite theme is "beautiful dracula darker" its absolutely gorgeous

I've made my own theme, or well. It's based on Shades of Purple - but I've tweaked some parts. It's called 'Colorful Explosion'. Currently working on a new version to see if I can make any improvements

I've been using electron theme for a bit, definitely has colors that pop while still being easy on the eyes

I really loved your setup. In fact I am using WSL2 with Ubuntu as well. However I would add few more extensions. 1. Code Spell Checker 2. Auto Close Tag 3. DotENV 4. EditorConfig for VS Code 5. RapidAPI Client 6. TODO Highlight 7. WSL 8. Docker And I use Community Material Theme (Palenight High Contrast) with Material Icon theme. Great Video 👍

Jesus! I didn't know about an Ubuntu tab on terminal. Had to use google for copleof minutes, but the result is amazing. Thanks a lot!

the live server extension is fairly good for beginners but for more professional use of vanilla js html css coding, it's better now to just npm init vite and start a vanilla project through vite

God I love your channel dude, thank you for being you!

Thank you bro Very important video❤️

It's so cool listening to Halbrand (Sauron) talking about vs code setup

Your linux setup looks so cool, could you tell what you're using as tilling manager/ window manager

Great advices here! You motivated me to switch career, start my Tech UKposts channel, and start passive income. Thanks!

Strange... I didn't realize I wasn't subscribed. Thanks for a great video my guy!

Great video, I use Moonlight as theme and its pretty good

I like the arch linny idea senor! Would enjoy that vid!

Themes I use in rotation: Night Owl (light + dark) Cobalt2 CyberWave DuoTone (package of multiple themed themes) Noctis (package, light + dark) Red Tokyo Night/Storm Tomorrow Night Vue

My favourite themes by far are the dark variants of Gruvbox Material and Everforest, both by the same guy as far as I know. They have softer contrast though, so probably not a super helpful recommendation, hey. For those who like less pop, though, I'd highly recommend either, especially the first. I actually don't mind ligatures either; I generally use JetBrains Mono day to day.

I've been using emacs for my workflow, it works like a charm, it really is funny how people are being bound to an editor/IDE, but in a real world you have to get things done, if spending a lot of time configuring an editor is actually making you more productive, then go for it.

I created cpu optimised ec2 instance and installed code-server(by coder), it allows me to use vscode in the browser, it's really fast, responsive and I love it. 100X better than coding on my laptop.

I really like the OG VS Code theme and I use it even in my neovim config xD! Also, Gitlens is the extension that I use that you didn't mention (definitely a widely used extension)

3:45 But Fira Code doesn't force you to use ligatures, you can turn them off. Tbh, difference between editors really matters when you thinking is much faster than your typing. For me it is true maybe 10% to 20% of the time. And i tried very hard to force myself to learn vim, but in reality it's just not my cup of tea. I'm not fast enough to fully utilize vim but i'm not ready to give up that idea :)

Very helpful video. Visual Studio Code is my go-to code software.

One thing you didn't cover is your font, because that's one thing I did customize in VSCode. My font is Source Code Pro and my theme is One Dark Pro Flat. Oh, and btw, F2 can also change tag names in React, Svelte, etc. Just put your cursor on a tag and hit F2, specify the new name and it'll update it.

Thanks a lot for sharing, It's a very helpful content 😃, I really have a question for you: Where did you learn react and nodejs??

Thanks for this mannn

Wow, found this channel by YT recommendations, am impressed!

rescued the video at 30 seconds when you said neovim was good, I was just about to sharpen my pitchfork :D

Awesome video! Thanks for sharing!

Great video, can you show how to have multiple monitors in vscode? Being able to undock various tabs and put them on seperate screens is so helpful and I can't seem to figure out how to do it with vscode. WIth pycharm and spyder it was easy

Great video! FYI, "Andromeda" is pronounced an·draa·muh·duh. "An-dro-me-duh" gave me a good laugh. Appreciate the tips!

My favorite theme is Ayu ! I LOVE this one

10:23, you don't actually need this extension, just hit ( f2 ) and rename the tag to whatever you want, it works for renaming other things like: variables, functions, classes... etc.

I started using ArcoLinux 2 days ago and there is a lot to learn but it's very rewarding. Hope to see a vid with you leaving Windows Soon :)

What made you swap off of Arch? Also, I would be very interested in seeing that setup. Thanks for all you do!

I actually tried the theme "oceanic blue", I felt that great and suggest everyone try once

Nice content! Thanks!

the terminal website is fantastic!

I was looking for this exactly, but I didn't find your config.json I loved much more than others This one became my favorite Help me, I'm from Brazil we love this guy so much

My favorite theme so far is Doki Theme: Re:Zero: Ram.. the first one.. easy on the eyes and very nice contrast

for someone who try to get into linux community and choosing arch I would like to see video of setup arch for work enviroment for web development the more detail it get the better I dont care how long the video are I will watch the entire video also yes I do know there a better distro for beginner friendly but still I want the ultimate customize ability so yeah

theme: doki theme. allows you to have anime girl stickers in your editor and a theme surrounding it (sayori-dark for the bg and senko for the sticker is my fav and current) terminal: powershell (WSL is great. but until you have todo git commits. then you have togo through adding your git token) wakatime: this is an extension that tracks your time coding discord RPC. code runner as well. saves time so you wont have to write in the terminal to save your code. you juts press a button.

I love ligatures, but my favorite font is Cascadia Code / Caskaydia Kove

TabNine is awesome, been using it for a while. Once you use it is impossible to stop, the same goes for the terminal, when you install "fish-like autosuggestions" with bash or zsh is impossible to not use it.

LOVING that keyboard - what is it, if you don't mind me asking?

I *am* subscribed Forrest, and have been for some years. You look much better with the shorter hair too BTW.

my fav theme is the blueberry series, I find them pleasing but banana has better contrast than the default one. I even built my site around banana blueberry.

reason for lint instead of hint is probably because a a "Linter" checks for coding, HTML isn't coding, it's just a markup language, so he gives you a hint to make it better

I wish you did this video for newbies

This video is gold mine

Atom One Dark Theme, the best for me❤

I’m way into the super vibrant/saturated look. I run the Monokai Charcoal main theme.

Good video. Worth watching. Thank You! Looked for Andromeda Theme and it looked like there are many variations. I tried a few but IMHO none of them are as good as SynthWave'84 by Robb Owen which I think really "pops". (Assuming you like a dark theme that really "pops").

Great video! Very useful😊

Would be nice to know how you even open or where did you find all those defaults settings.

I completely get where youre coming from with Fira code when I first tried it I hated it and it was kinda more confusing however after a few months I can say that I like both ways, and dont really care either way. I currently use Fira, and its not confusing anymore I can easily tell == and === apart but yeh its really just a preference thing.

You can always use the Vim Hotkeys in VS Code if that's your cup of tea.

hey @fknight, would it be possible to get the whole "settings.json" code from this video? would appreciate it a lot! thanks

"MutableAI" is a Github replacement; Error Lens help with seeing errors clearly ; Parameter Hint extension,

Obviously Dracula theme. Dracula has meaning in syntax highlighting. One dark pro is almost same, but there were some codes that dracula decided to highlight better which One dark pro just kept it default. So I use dracula.

Fira Code is great when working in Elixir. Pipe functions look great

nice setup 🚀

Thank you so much @forestknight you legend! very useful!

The default theme is the best

Vs code with the vim extension is all I need.

i'm a software engineer since 20 years, in the greatest web society in France, i only use vim, it's like a guitarist, the music is in your fingers not in the instrument

I used Just black as my theme for years but recently I switched to Seti-Black

Thanks, Learning resources !

Is it possible that the reason VS Code opens to remote (1:33) is because it remembers your last instance? I vaguely remember VS Code opening into remote even after I uninstalled WSL because I was using the WSL features last time I had VS Code open.

Anyways just too excited to see you back

Some useful extensions: Import cost DotENV Thunder Client (Postman alternative)

i would love to learn how to make a terminal website just like u That was anwsome!

Unfortunately for a few years already I have no any IDE installed anymore. All i have is little cozy gruvboxed Neovim. :) I just get sick of using mouse more and more by every year. But... i have a custom keyboard with custom Colemak layout, so its more natural/ergonomic for me to live in the terminal. Before my current setup i liked VS Code pretty much. Thou, can't remember any favourite plugins for it. Ouh... and lately I felt in love with Comic Code font.

Can I have color themes switch immediately according to the language used? I like Github theme for python, but would like to switch immediately to Dracula when the file is HTML or CSS. Is it possible? Please help. Great video!

Comic Code font. I love it!

Nah I'm gana use "YOUR" theme, here, homie, lookin' SLICK yes indeed!!!! ... .. And some nice extension recommendations that "Prettier" is a Must Have for any real coders out there. For sure. WOW , VS Code is so awesome. ~ Cheers , ~ "the" Rev

Liked the video :) Can you tell me what is that keyboard of yours?

OMG are you going to start web dev course or what , I guess I should watch complete video then comment lol

bro changed my life with auto close tag

one side note: if you like to use linux but also love the privacy most linux have dont use ubuntu unconfigured

for html tag changer users, use Pug, not a vscode extension, an html pre-processor. Really improves code readability and doesn't require you to end your html file with

3:29 this is font ligature. this is available in lot of modern fonts and you can turn it off. even for fira code

Since you use both, what do you get out of vscode that you don't get out of intellij? I've thought about switching (save some $), but intellij just feels snappier and nicer

I love WSL + Windows. Ultimately though I had to go back to mac or ubuntu. I was just too distracted by all the games I wanted to play on steam etc. I found I had no self control. I found why I'm so unproductive on windows and it's nothing to do with windows and everything to do with me. :)

Not saying that Vim is the best, but I would be cautious to blanket statement "no one uses Vim in a professional development environment". Vim is great. What VSCode has over Vim is the accessibility to great plugins. Vim is much more hands-on, and you need a plugin manager (usually, unless you're using Vim 8.1+). That being said, I'm a highly opinionated frontend software engineer myself and I really enjoy the perspective of other highly opinionated engineers! Keep being opinionated!

Did you post the files somewhere?

Theme: - Github Dark Settings: - Bracket Pair Colorization: Enabled (couldn't live without this) Extensions: - Git Blame - Rainbow CSV

but you can disable fira code's ligatures and just have a nice looking font... i just love the ligatures but without them its also cool

Love your content :}

what is your cooling system like? i have the SAME case, idk about motherboard, my RTX is 2060 or 2080, i have a 600 or 650 watt but i bought a 750wat gold and haven't installed it as i'm scared to mess with my pc. the water cooler ihave is made by CollerMASTER and its the ONLY MODEL without any thing to download from their site... so i downloaded msi afterburner to help. i wish i could keep the glass panel on since it gets so hot , theres the water cooler fan that barely pushes any air out, the 3 fans on the GPU that are on the bottom, a fan on top where that grate is on top of the case (we have same case), i have 4x 8gb ram sticks but i was looking at the exact sticks you have, have a ryzen 7 somethin that's quite strong. then i bought an extra fan and i couldn't find anywhere to install it celt one spot under the watercooler (i had to take it out to plug in this fan) and i have it in the front located/screwed in blowing towards EVERYTHING. i have so many programs that show internal stats, i.e. NZXT, MSI afterburner (but i only get this running), and a couple other... I really want to do a full swap out of the water cooler to nothing but fans placed in the right way so i have acess to the motherboard beter. plus i have no idea how to de-dust the interio without damaging ANYTHING so if you see this please tell me what i need to do in order to clean the inside.. it needs it ASAP and i need to be able to put the glass on without it overheating (idk what's bottlenecked, the PSU? or what) cuz everything i have when i pre-ordered it as a custom build it said i could play triple A games from ds3 to wow to whatever with 120+ fps which is true, 144 refresh hz, at ultra EVERYTHING in every game. with no lag. however it gets SUPER HOT SUPRER fast when the glass panel on... otherise it hovers around 90-101F or 29-32C IOBit Uninstaller has a neat program that lets me RAM dump but i have to click it manually over and over. then it shows RPM of fan sped (idk which fan i guesss GPU) then it shows whats eating up the most RAM, as well as Internal heat of CPU (currently at 55C cuz i'm streaming a coded website thats a mock bookies for the footbal game)and GPU around 47C then again i'm running 2 screens both gaming asus screens, cept one is slightly smaller. main one runs at 4k, other one can run at half of that (1440 or maybe just 1080 can't recall) but i think everything is hot due to OBS being open, a live server for VSCode showing website for twitch stream. and like 30+ tabs open as well as a dozen edge tabs. Use opera mainly and when i'm doing important stuff i usually only have half a dozen or less tabs open. so my cpu/gpu temps are higher by 10-15 C degrees than usual and 20 more than having nothing happen.