How to get started with VS Code

[@jogolock1190]

I've written millions of lines of code in VI over the last 30 years, new to VS Code, blown me away.

[@KevinPowell]

A few comments about VS Code no longer being supported on Mac. They are killing Visual Studio on Mac, not VS Code. Similar names, but very different, with Visual Studio primarily being used for .NET development.

[@alessandropini9308]

I have to point out one minor danger of multi-cursor mode. You accidentally turn it on, possibly without even realizing, while you're a beginner. Or you intentionally turn it on and forget to turn it off, because sometimes it happens when you use it *all the time* since it is a great feature. You end up unintentionally editing in several spots at the same time, some of which are possibly off-screen. Maybe you find out days later that something's off and you don't know why until you realize that the *same* wrong text/code got in several places around the file. It just happened once to me, now I always double-check I turned it off after use. To be clear, I *love* this feature. It almost makes me forget Cygnus Editor on the Amiga.

[@_ric]

Live Server, by Ritwick Dey, is an absolute must have. Free to use, easy to install and easy to configure.

[@goodshiro10]

Live server + Auto save = unstoppable

[@RealityCheck6969]

Thx for the video. I changed my theme because of this video and it helped my work a lot.

[@letshev]

Could you please create a tutorial on source control in vscode?

[@explorer8279]

Lovely videos

[@LordUzumaki]

Hey Kevin , I use display flex a lot, all most for everything is it a bad practice ? Does it have some performance issues or something like that??? Please reply.

[@benzflynn]

Your comment/question is off this video's topic. But briefly, yes, using _display: flex;_ for *everything* is bad practice as _grid_ and _block_ display modes have been devised for common use-cases. Refer to KP videos on block, grid and flex for best selection criteria.

[@LordUzumaki]

@@benzflynn thanks ! I asked this question here because this was his latest video.

[@cbbcbb6803]

Extensions should be nestable in vscode and vscodium. Light themes work better on smaller screens and in books.

[@VoloInTech]

💛💙💛💙👍👍👍Good video

[@fav_royalty]

Please do you mind sharing your prettier formatter settings? I don't know why mine keeps adding " />" to my html file tags that doesn't require it like the meta and link tags inside of a head tag and it's driving me nuts 🥺

[@theodorealenas3171]

I hate polppy stuff with a passion.

[@yolocat-dev]

tags that has no content *should* end in “/>”, using “>” works but isn’t recommended

[@fav_royalty]

@@yolocat-dev Ohk Now my vs code doesn't bring up the autocomplete or suggestions for me anymore Both HTML and CSS

[@tompkka]

Nice you to skip to make actual file, im just starting to use this program

[@Thekidisalright]

Can someone tell me why every time I use VScode it asks me to “Sign in to sync Setting”? I don’t usually close the program I just close my laptop and continue the next day but almost everyday it ask me to do the same thing, I tried to Google with no avail :(

[@andrews8733]

If you have multiple installations on multiple machines, many editors allow you to synchronize your settings/configuration. Login would allow for this. I would just sign in, or look into disabling synchronization.

[@007KrausBean]

The info about italic file names at the 4:00 min mark is a bit incorrect. When the name is italic it means it is in something like a quick view mode and it will not be kept open when another file is selected. To keep a file open you don't need to go making edits or having to add weird spaces and things. You just double click the file in the file list to the left and it will open and remain open ready for work. This is how you can click all of your needed files right away to have them ready to work.

[@KevinPowell]

Thanks for the clarification on that one!

[@codebite590]

I already know all of these features of vs code, i came here just to see how you setup your style file 😂, i pause it and stare at it 😅, cause I know kevin always use best practices.

[@lawrencepsteele]

Nice! This sure beats TextPad, which was the editor in use at the office when I started my website work all those years ago. Even though I'm now retired, I think I might play around with this just for fun.

[@wilytohel]

Thanks again for the great content, Kevin! How about continuing the series with an introduction to Git? I had no idea about the interactive editor playground so thanks for the tip. I will have to play around with that later.

[@YouDontKnowMe210tx]

So which is preferred and why ? Visual studio code of Visual studio? Why are they different? Im learning javascript for web and mobile dev and always been confused on which one to download and i have tons of other questions too.

[@stephenwlodarczyk175]

At 14:10 you show the ,| tab close. After you write your content. What your quick way to jump out of the I am trying to learn python and after their print(“”) I seem to hit enter inside of the function. Doing a carriage return on “) It’s driving me crazy. I’ve hit backspace way more than trying any words. Thanks in advance

[@s3ig3playz77]

um this is irrelevant but just wanted to say great video and you look like King Chris

[@Rampage-Sama]

Thanks for this Kevin, I've been mentoring one of my friends and he's about to start working on his portfolio in the next coming months. I'll definitely share this video with him so and I'm sure there's a few things I'll learn myself 😅

[@michaelsheyrtio7802]

why theres no open folder menu explorer, so i cant open a folder. pls help 😀

[@holywarriorforthekingdom613]

Exclamation point then return or tab did not work for me.

[@jarrodurban6927]

Great video. I am going to use this video when onboarding new people to VS Code. Any chance you have another video in the same style, go learn the basics of Git? Maybe, another Tuesday video idea.

[@dankierson]

Good walkthrough. But I feel Sublime Text is better. It's browser based so it never jams on rapid fire use like VSC does. It's effectively free, has a good community, a good library of ST specific extensions, an instant switch project function, integrated Git functions and a simple means of writing your own extensions in Python. Why, Mistah Powell, *you* used to use it and sing its praises once. 😅

[@theodorealenas3171]

I wish I was introduced to VSCode this way. I can't make such videos. This was beautiful. What I really appreciate is that you didn't praise the tool, nor the user. It was more of a reassuring guidance, that helps people relate. Self promotion: I've made a Vim tutorial that's the opposite extreme.

[@julianvelez6563]

Nice work ❤

[@penguinxed]

I appreciate every content you provide to us mr kevin, also i love your new podcast!

[@SmetadAnarkist]

VIM FTW!

[@magoxxii]

I just noticed that you have four years' worth of videos, and I feel like I might be missing out on a lot. Even though I'm still a newbie, I'm somewhere between a beginner and intermediate level. I'd really appreciate it if you could provide a guide or a list of your older content that's still worth watching. Thanks anyway, Kevin, for all the valuable content you've created over the years. Your contributions are greatly appreciated!

[@DeltaPrismo]

i still don't know how to debug.

[@Element_Finland]

Personally would recommend VSCodium uness you have a specific reason you need one of the closed-source Microsoft components. It's a stripped fully open source version with no Micro$oft telemetry.

[@henningbotha777]

Great content thank you

[@scottinsterling4852]

Excellent!

[@j-janz]

12:58 I, too, prefer my sidebar on the right, also using an extension (add-ons that I try to keep to a minimum) to auto-close it when unfocused/unneeded: Auto Hide * , from sirmspencer. And, to unclutter more, I also went full minimap ** , which I loved from the beginning and set to 98 width (optimized by my tests to the maximum ideal indenting code should get), and got rid of scrollbar ** altogether by making it hidden. These focus on content and free up space and from extra clicks, all with no content jumping sideways. I only wish sidebar autohide settings were from vscode already. * w/Extension Settings > Auto Hide: Side Bar Delay set to 450; ** Respectively, these are on Settings / "Editor > Minimap: Max Column" and "Editor > Scrollbar: Vertical".

[@theodorealenas3171]

I like this topic.There's a logical conclusion to this path, and it looks extreme the first time you see it. It's like maximalism is a pet on the back, while minimalism comes from comfort with the tool. And an in-between helps people connect.

[@theodorealenas3171]

Ok sorry I should go to bed.

[@j-janz]

@@theodorealenas3171 Interesting train of thought. It seems there's more to be explored the than just that but, considering quality of thoughts in proportion to bed time approaching, that was fine. 😅 Well, good night to you. =)

[@ElementoryMyDearWatson]

The other feature of the mini map I love is that it will flag any code errors it detects and puts the section in qquestion in the map in red so you can immediately scroll to and debug. Has saved me so many hours of trying to figure out why something isn't working in a very long code sheet.

[@cryptokingdom617]

Hi there! I'm just to learn coding within HTML and CSS, pictures in CSS I am struggling with.

[@Dexter101x]

Do you recommend using Autosave on the file menu?

[@loopeeloops]

Can't find "redefine your editing skills" in Learn the Fundamentals - mentioned at the end of the video. Has it been taken off?

[@bikinglikebecker]

thx 4 uploading... I have learned to make a (somewhat professional looking) web page in a week.. with background, nav bar & a form.. I haven't done this in 30 years and back then I was just about to learn about banners & GIF links... I am at the next level now... Great Videos!

[@mahadevovnl]

First thing I always do: Workbench › Tree: Indent - change to 16 instead of whatever the tiny default is. Now your files in folders are clearly indented.

[@victorjr969]

Hi Kevin 👋👋 I just wanna ask if you use Webflow or once did. Is it worth learning as well?

[@0xtz_]

Niiice

[@alessandropini9308]

May i suggest toggling screencast mode for the next videos?

[@gelbehexe2010]

Possibly not a good time to start with vscode if you owe a Mac. Maybe a time to change to an alternative.

[@kacperkonieczny7333]

Only Visual Studio and not VS Code

[@gelbehexe2010]

@@kacperkonieczny7333 Okay, thanks for the information. Hoping that this is not the beginning of the end!

[@KevinPowell]

They are stopping Visual Studio, not VS Code

[@cekuhnen]

Sadly VS code is dead now for macOS

[@JansGuitarJourney]

VS Code is not dead for macOS, it is Visual Studio that will be discontinued.

[@VaibhavPareek]

Bro I love your content please come back

[@Noam-Bahar]

​@@JansGuitarJourneyMicrosoft logic anyway 🤠

[@KevinPowell]

VS Code is alive and well, its Visual Studio that they are pulling the plug on, since it's primarily for .NET anyway

[@cekuhnen]

FACE PALM to myself ;)