How to get started with VS Code

Поделиться
HTML-код
  • Опубликовано: 3 янв 2025

Комментарии • 84

  • @KevinPowell
    @KevinPowell  Год назад +43

    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.

  • @magoxxii
    @magoxxii Год назад +8

    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!

  • @lawrencepsteele
    @lawrencepsteele Год назад +9

    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.

  • @jogolock1190
    @jogolock1190 4 месяца назад +4

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

    • @Turnpost2552
      @Turnpost2552 Месяц назад

      yikes, branch out dude Jesus Christ

  • @007KrausBean
    @007KrausBean Год назад +8

    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
      @KevinPowell  Год назад +3

      Thanks for the clarification on that one!

  • @_ric
    @_ric Год назад +12

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

    • @goodshiro10
      @goodshiro10 Год назад +3

      Live server + Auto save = unstoppable

  • @penguinxed
    @penguinxed Год назад +2

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

  • @theodorealenas3171
    @theodorealenas3171 Год назад +3

    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.

    • @Nahzh-m1r
      @Nahzh-m1r 16 дней назад

      that's nit the only thing beautiful! you are beautiful as well love

  • @RealityCheck6969
    @RealityCheck6969 Год назад

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

  • @bikinglikebecker
    @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!

  • @Rampage-Sama
    @Rampage-Sama Год назад +2

    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 😅

  • @alessandropini9308
    @alessandropini9308 Год назад +2

    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.

  • @Element_Finland
    @Element_Finland Год назад +3

    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.

  • @julianvelez6563
    @julianvelez6563 Год назад +2

    Nice work ❤

  • @wilytohel
    @wilytohel Год назад +3

    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.

  • @ElementoryMyDearWatson
    @ElementoryMyDearWatson 11 месяцев назад

    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.

  • @j-janz
    @j-janz Год назад +1

    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
      @theodorealenas3171 Год назад +1

      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
      @theodorealenas3171 Год назад +1

      Ok sorry I should go to bed.

    • @j-janz
      @j-janz Год назад +1

      @@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. =)

  • @jarrodurban6927
    @jarrodurban6927 Год назад +1

    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.

  • @landonporter77
    @landonporter77 21 день назад

    Thank you thank you thank you. Very helpful sir

  • @stephenwlodarczyk175
    @stephenwlodarczyk175 4 месяца назад

    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

  • @f33net
    @f33net 13 дней назад

    Hello, Kevin! Could you recommend a development tool for Chrome extensions? Which automates the restart of the extension, error indication, allows you to constantly see the Devtools window for popup, etc.?

  • @codebite590
    @codebite590 Год назад +2

    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.

  • @victorjr969
    @victorjr969 Год назад

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

  • @loopeeloops
    @loopeeloops 11 месяцев назад

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

  • @Nahzh-m1r
    @Nahzh-m1r 16 дней назад

    Thank you so much

  • @YouDontKnowMe210tx
    @YouDontKnowMe210tx 3 месяца назад

    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.

  • @Dexter101x
    @Dexter101x Год назад

    Do you recommend using Autosave on the file menu?

  • @henningbotha777
    @henningbotha777 5 месяцев назад

    Great content thank you

  • @mahadevovnl
    @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.

  • @SmetadAnarkist
    @SmetadAnarkist Год назад +2

    VIM FTW!

  • @AerialAspectMedia
    @AerialAspectMedia 3 месяца назад

    Excellent!

  • @alessandropini9308
    @alessandropini9308 Год назад

    May i suggest toggling screencast mode for the next videos?

  • @LordUzumaki
    @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
      @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
      @LordUzumaki Год назад

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

  • @dankemo3169
    @dankemo3169 28 дней назад

    When I run python code Terminal shows me long path and then result. how can i change that be cause it is really long lines and big let down

  • @letshev
    @letshev 4 месяца назад

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

  • @michaelsheyrtio7802
    @michaelsheyrtio7802 6 месяцев назад

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

  • @fav_royalty
    @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
      @theodorealenas3171 Год назад

      I hate polppy stuff with a passion.

    • @yolocat-dev
      @yolocat-dev Год назад +1

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

    • @fav_royalty
      @fav_royalty Год назад

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

  • @fransjohannes19
    @fransjohannes19 Год назад

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

  • @holywarriorforthekingdom613
    @holywarriorforthekingdom613 4 месяца назад

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

  • @Digmen1
    @Digmen1 2 месяца назад

    I hope to be able to use the Live Server - live

  • @explorer8279
    @explorer8279 Год назад

    Lovely videos

  • @dankierson
    @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. 😅

  • @PrimePopular
    @PrimePopular 2 месяца назад

    Best laptop for codeing?

    • @daggercomp
      @daggercomp Месяц назад

      doesnt matter as long as the ram is like 16 gb drr4 you are good and a decent cpu and a good screen cuz you gonna be looking at it for hours. gpu doenst matter. if you want to go pricey get a macbook i recommened used. if you got cheap go search they are many but do some research before hope it helped

    • @phat80
      @phat80 Месяц назад

      It was always MacBook Pro with minimum 16Gb of RAM.

  • @AimForDaHead-16s
    @AimForDaHead-16s 2 месяца назад

    Cool👍

  • @s3ig3playz77
    @s3ig3playz77 Год назад

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

  • @Nahzh-m1r
    @Nahzh-m1r 16 дней назад

    I thank you from the bottom of my heart God bless you Allah j bless you

  • @cbbcbb6803
    @cbbcbb6803 Год назад

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

  • @VoloInTech
    @VoloInTech Год назад

    💛💙💛💙👍👍👍Good video

  • @0xtz_
    @0xtz_ Год назад +1

    Niiice

  • @DeltaPrismo
    @DeltaPrismo 5 месяцев назад

    i still don't know how to debug.

  • @razorbackroar
    @razorbackroar 10 дней назад

    I personally hate web development but I respect web developers I just hate JavaScript is this a good program to use for programming python and shell scripts and other language languages that are not related

  • @tompkka
    @tompkka 6 месяцев назад

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

  • @gelbehexe2010
    @gelbehexe2010 Год назад +2

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

    • @kacperkonieczny7333
      @kacperkonieczny7333 Год назад +3

      Only Visual Studio and not VS Code

    • @gelbehexe2010
      @gelbehexe2010 Год назад +1

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

    • @KevinPowell
      @KevinPowell  Год назад +2

      They are stopping Visual Studio, not VS Code

  • @cekuhnen
    @cekuhnen Год назад +2

    Sadly VS code is dead now for macOS

    • @JansGuitarJourney
      @JansGuitarJourney Год назад +6

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

    • @VaibhavPareek
      @VaibhavPareek Год назад

      Bro I love your content please come back

    • @Noam-Bahar
      @Noam-Bahar Год назад

      ​@@JansGuitarJourneyMicrosoft logic anyway 🤠

    • @KevinPowell
      @KevinPowell  Год назад +1

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

    • @cekuhnen
      @cekuhnen Год назад

      FACE PALM to myself ;)

  • @Thekidisalright
    @Thekidisalright Год назад +1

    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
      @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.