Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL

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

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

  • @Alien426
    @Alien426 3 года назад +31

    At 1:55 and 3:50 you were in select mode (as evidenced by the changed window title). Microsoft made it easier to copy text from the console window and PowerShell. You need to press [Esc] to exit this mode.

    • @LearnWebCode
      @LearnWebCode  3 года назад +17

      Thank you so much! I was hoping someone would know what was going on there; I did not notice the changed title bar. I looked up select mode on StackOverflow and yep, it says if you click on the console it enters select mode "and pauses the script until you hit space, enter or escape." I had no idea; thanks again!

    • @mytsingh
      @mytsingh 3 года назад +6

      I can’t stop laughing when it happened twice

    • @SergioInToronto
      @SergioInToronto 2 года назад +4

      Yes you press escape. Yes I yell at my screen every time it happens. What a stupid "feature".

    • @frackinfamous6126
      @frackinfamous6126 2 года назад

      @@LearnWebCode Just figured out right-click also restarts the download

    • @kuo1337
      @kuo1337 2 года назад

      or right click can bring you out of that mode also

  • @andrepsjp
    @andrepsjp 2 года назад +7

    Man, I am so grateful for this job. In addition to the quality of the information you speak in such a way that people that have just a little knowledge of english can understand. Thank you !!!

  • @ibgib
    @ibgib 3 года назад +32

    Great video. Eerily precisely what I was looking for with WSL + vscode + Docker. I strongly agree with your leaving in "mistakes" and explaining the solutions you find. So often the constructivist approach is the best! Thank you!

  • @ShahidulsPerspective
    @ShahidulsPerspective 2 года назад +10

    This tutorial was an absolute gold mine. I learned a lot and got many ideas. I liked how the command shell looked beautiful after installing Oh My Zsh. Thanks, mate.

  • @sennengomes
    @sennengomes 3 года назад +17

    Brilliant explanation of so many technologies ‘packaged’ neatly in one video. I really do like where you explained where things went wrong & more importantly why. Mega 👍🏽

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

    I've learned frontend dev for a couple of months now. Starting my backend learning, and I was having a hard time setting up the dev environment, especially using wsl. Can't thank you enough for the tutorial, really great video. Thanks man

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

    I absolutely love the rawness of this video, if errors come we fix it together with logical approach and not just cut that part!

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

    dude i cannot thank you more , I am working on a project based on API testing and this is exactly what i needed . DUde youre a life saver dude thank you man

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

    Im in process of moving from Mac world to windows, and this video is like Miracle, thanks ✌️

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

    The best part was fixing the issue that he got in the process which helps a lot.

  • @Habib_HBB_17
    @Habib_HBB_17 3 года назад +5

    Mr Brad you're the best teacher.
    You teach me a lot of things thank you 🙏.

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

    I showed cmatrix to my partner but she wasn't convinced of anything, just kinda shouted 'whyyyy' at me. Thanks for the vid!

  • @toddboothbee1361
    @toddboothbee1361 3 года назад +2

    Showing your imperfect experience with installation right off eased my fears that I'm learning challenged. I'll be more patient toward my self in the future. Thanks!

  • @ibgib
    @ibgib 3 года назад +6

    On my machine, I had to change the forward slashes at 36:54 to backslashes, even though Windows documentation for Terminal troubleshooting states "On newer versions of Windows, startingDirectory can accept Linux-style paths." So YMMV rules again. Great video!

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

    I came here to see how you would configure a WSL2 dev-env but left with a docker/mysql mini intro. I really appreciate that. Thank you and i hope one day i can reach your level of proficiency.

  • @siddharthdyavanapalli4617
    @siddharthdyavanapalli4617 9 месяцев назад

    So grateful to you Brad. You're pretty much a lifesaver

  • @FierroSev
    @FierroSev 2 года назад +1

    I was in awe on how you delivered this video. Was easy to follow but best of all your mindset when doing so. Bravo. I learned plenty.

  • @vcdrift
    @vcdrift 2 года назад

    I love that you didn't cut your imperfect scene. Anyway, thank you for sharing your knowledge

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

    Thank you! I have been working with WSL2 for a while, but I'm completely new to Docker. This video helped me understand how to use WSL2 with Docker!

  • @rhymekidstv
    @rhymekidstv 3 года назад +1

    I almost skipped this video. Glad I didnt. Great content. As a Windows user, I really like WSL.

  • @j.santiago7022
    @j.santiago7022 2 года назад +1

    I appreciate and enjoy your teaching and "learning" style. It is very helpful to know your thinking and problem solving process.

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

    More pro tips. At 28:18 you try to open Powershell as admin via command line but realise that it doesn't, and you switched to mouse selection of "Run As Admin". A somewhat unknown feature of the Windows run dialogue and Search bar via Windows key is that if you typed in powershell and then hold down SHIFT+CTRL+ALT as you press ENTER, this will elevate powerhsell to admin and brings up the UAC dialogue. FYI, Windows 11 builds 26045 and later will be getting a sudo command to run elevated commands from an un-elvated console session just like Linux.

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

    Some of the friction you saw with Git was possibly due to working across Windows and Linux filesystems after creating the example project folder. If you are in a directory within WSL that has the form "/mnt/c/..." etc, I believe that's going to involve some slight performance hit as this is effectively a 'mounted' drive and some filesystem translation works in the background to help with issues such as / or \ for folder separators etc. The suggested workflow is to launch your WSL distro first and then do any project folder and file creation inside the distro so that your root folder is the Linux file system root such as "/home//Project" and not "/mnt/c/Users//Project$".
    Great tutorial otherwise. Thanks for sharing. It helped me get a WSL web dev environment set up.

  • @nostalgicnow6001
    @nostalgicnow6001 2 года назад +1

    i never watched any of your youtube videos but once i heard you talk i knew you were schiff but i leaned from a fw of your udemt courses 🤓😄

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

    Thanks so much for this video, it took me a few tries to get everything right but now I have a much better understanding of Docker and how I can begin to match environments locally with hosted websites :)

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

    Awesome video. Now I'm really thorn between a windows machine vs mac to go back to school!

  • @techtipsuk
    @techtipsuk 3 года назад +4

    Really exciting times developing on Windows with WSL. Scott Hansellman has some great content on WSL too

  • @abdulhamidalsalman
    @abdulhamidalsalman 2 года назад

    Excellent Step by Step Guide to Docker Dev Containers. Thank you.

  • @jamesdietsch7868
    @jamesdietsch7868 3 года назад +1

    One of the best tutorials i've come across, thanks very much!

  • @aldairandre
    @aldairandre 2 года назад

    the best video i've seen in my life thank you

  • @joshua_hc_cr
    @joshua_hc_cr 2 года назад

    I was using Ubuntu on my PC, AMD ryzen 3 2200g, I and just get enough of the Ubuntu boot (grub) issues, So decided to give it a try on windows, so far so good, totally worth it.

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

    million thanks for your kind teaching !

  • @jagadeeshkumar2091
    @jagadeeshkumar2091 3 года назад +2

    Great video Brad, i have previously installed wsl through Windows store and forgot the actual process . This video should help.

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

    at 18:13 for those who are getting error which is "value is deprecated" . The error message you are seeing may be related to changes made in the Windows Terminal app. In the latest versions of Windows Terminal, the "useAcrylic" and "acrylicOpacity" properties have been deprecated and replaced with "backgroundImage" and "backgroundImageOpacity".
    To fix this error, you can update your Windows Terminal settings.json file to use the new properties. Here's an example:
    "profiles": {
    "defaults": {
    "backgroundImage": "path/to/image.jpg",
    "backgroundImageOpacity": 0.7
    }
    }

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

      what worked for me was to just use opacity like this:
      "profiles": {
      "defaults": {
      "opacity": 70
      }
      the number has to be between 0 and 100

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

    THIS is what I’ve been looking for

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

    Just finished this great tut and thanks for that.
    It took me some time but that is because along the way I also spent time to get Ubuntu as Docker running on my T5 and were I succeeded in too.

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

    Thank you so much man I'm new to web dev and this video was super helpful!

  • @danielnderitu5886
    @danielnderitu5886 2 года назад

    Thank you so much, I have learnt quite a lot. Will be looking out for more of your tutorials.

  • @eamarc
    @eamarc 2 года назад

    Excellent. This is the best gift for New Year!

  • @hanoroam2259
    @hanoroam2259 2 года назад

    Wow Good Explanation..I did all the part with minimal errors..❤️ Thanks dude

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

    Very well documented! Thanks!!

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

    I commend your work. Good work. I still cannot fathom having to work on windows. What a nightmare, going through all these hoops just to get something so basic done.

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

    Best environment for sure! Thanks!

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

    Pro tip. If you are using VS Code's integrated terminal and you wish to open a folder using the integrated terminal but do not want another instance of VS Code opening another window, you can use the command "code -r ." The -r flag is indicating you want to reuse the existing vs code instance.

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

      Also works using "code -r as well as "." for current folder.

  • @suhailxeaser
    @suhailxeaser 3 года назад +1

    26:13 Your cat said "NO".
    & this was easy to folllow along, really Whatever you teach becomes easy.

    • @LearnWebCode
      @LearnWebCode  3 года назад

      😹 That was a "no" meow if I've ever heard one.

    • @suhailxeaser
      @suhailxeaser 3 года назад

      Exactly it is at 26:16 . But watching from 3sec earlier you can get the scene i.e.You're accepting the agreement but your smart cat is saying "NOOOOOO".

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

    Perfect video for me this I'm looking for!!!

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

    FYI, if you launch Windows Explorer you may see a "Linux" entry in the browser tree under Network showing all your distros. This is great for copying files and folders in Windows into your Linux home directory ready for editing inside the Linux filesystem.

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

    Amazing video, excellent explanation!!...the explanation helped me a lot!! Thanks!

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

    God bless you for this piece.

  • @lostTourist1
    @lostTourist1 2 года назад

    Great video! I learned so many new tricks. thank you

  • @webmaster246
    @webmaster246 3 года назад +2

    2021 December - the time Brad used Windows !

  • @SamwaUA
    @SamwaUA 2 года назад

    I'm very grateful for this video! I used to like Windows, and now that I have access to Linux without using a dual boot or virtual machine, it's priceless!

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

    very nice thank you very much for this video!

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

    3.7k+...Thanks. Great tutorial !!!

  • @FACabelo
    @FACabelo 3 года назад

    Works like a charm, thanks man!!

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

    SUPERB, simple, thanks

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

    Wow. Great tutorial and explanation

  • @kameshs3843
    @kameshs3843 3 года назад +1

    Nice explanation thanks for share this information

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

    bro you earned a subscriber !!

  • @TitanGriffins
    @TitanGriffins 8 месяцев назад

    Marvelous!

  • @lekkyjayz6294
    @lekkyjayz6294 2 года назад

    Thanks so much for this tutorial. Really useful and funny @ 4:30!

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

    Amazing video! Thank you

  • @cleibertm
    @cleibertm 2 года назад

    godd$#@! this guy is amazing, keep going with this incredible job. I just finished your WordPress Development course on Udemy, very well designed I'm fully applying everything in my current job. Thanks brad!

  • @村人A-d5h
    @村人A-d5h 4 месяца назад

    I love this tutorial so much. It's so fun to watch. And it clearly shows me what I should do and why.
    Just one noob question: why install Node.js on Linux? Is it bad to use Node.js in Docker?

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

      I'm glad the video was helpful! There's nothing wrong with using Node in Docker; for the actual environment of your app it's actually ideal to use Docker, because you can easily mimic the live/production environment that way. However, there are also many NPM tools that you'll want to run to do "local'ish things and so I always want Node available from my real command-line as well.

  • @kilin81
    @kilin81 8 месяцев назад

    at 19:30 where you can change the profile starting directory in win 11 pro 22631.3296 it doesn't seem to matter if check off the box for "use parent process directory" it still opens in the in the directory you are in. followed your directions, everything looks the same but it'll only open in the directory I'm currently in

  • @jasonblizzard9635
    @jasonblizzard9635 7 месяцев назад

    Great vid!

  • @missyrachy
    @missyrachy 2 года назад

    This video helped me so much thank you

  • @AndersonNSilva-mw7kl
    @AndersonNSilva-mw7kl Год назад +2

    36:49 It's important to emphasize that this only works if your "Command line" field is set to use the "wsl.exe" binary and not the "distribution-name.exe". I had a hard time trying to figure out what I was missing.

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

      15:27 How to exit git ?

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

      Thank you. It took me hours trying to figure that out until I saw your comment. In the meantime I also discovered that, if you are using zsh and for example want shells to open at /home/nick/sites, you can add 'cd ~/sites' to the bottom of /home/nick/.zshrc, by entering echo "cd ~/sites" >> ~/.zshrc at the Ubuntu prompt. But it seems better to change the 'Command line' from just 'ubuntu.exe' (or whatever) to 'wsl.exe -d Ubuntu' so that the 'Starting directory' setting can be used.

  • @nileshbhalerao684
    @nileshbhalerao684 3 года назад

    Superb ❤️. Thanks brad

  • @nandantyagi
    @nandantyagi 2 года назад

    Wow! Thanks man!!

  • @adamphipps289
    @adamphipps289 2 года назад

    brilliant video!

  • @chandalasaturnino8213
    @chandalasaturnino8213 3 года назад

    Super! Thanks a lot!

  • @ebenezeroduro868
    @ebenezeroduro868 2 года назад

    Wow the best tutorial on dock for windows. please can you do one on mac for us. Thanks man!

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

    This iw awesome! Thank you.
    I have follow up questions. My reason for installing WSL was to use ddev...
    You did this thing where you mount your C drive in Ubuntu. If I do that, will I still be able do my ddev stuff in my Linux home directory?
    Or will that be available from anywhere?

  • @encrypted983
    @encrypted983 2 года назад

    Ok Bucky Robert 😍 👏

  • @TheNomanAhmed
    @TheNomanAhmed 2 года назад

    Great video ❤

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

    maut daal diye

  • @dansanchez1353
    @dansanchez1353 2 года назад

    Hi this is really good sir I hope some day you make a very intuitive course about PHP

  • @backenddev8228
    @backenddev8228 3 года назад +1

    WSL is kinda cool thing, you can experiment on it and get educate yourself on linux servers.
    I install things on my windows machine using chocolate. similar to the brew on mac.
    very similar experience for mac users. recently i ditched my 2018 macbook pro and using windows desktop PC most of the time.
    but i don't use docker. i tried it before but have found no use for it . just fills my ssd for no apparent reason.
    had no issues building my projects on linux server so far.

    • @LearnWebCode
      @LearnWebCode  3 года назад +2

      That's true, if you know what you're doing when configuring Linux for your dev stack, and you don't have any complex / scaling / deployment needs then Docker isn't necessary. I like it because I'm still learning about rolling my own stack in Linux and so it's nice to be able to mess up an image while experimenting, and it's even faster at spinning up a new one than VirtualBox.

  • @OdSazib
    @OdSazib 2 года назад

    Nice man 😍

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

    Amazing!! U should make this tutorial for laravel also...

  • @100kshooter5
    @100kshooter5 Год назад

    You are amazing!

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

    Thanks!

  • @unpluggedaman
    @unpluggedaman 3 года назад

    Super useful

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

    Thanks man

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

    Thanks for this, btw one quick question if I use only the docker in wsl2 and running node on my windows will that affect/increase the speed rather than opening my source code in the remote wsl directly?

  • @josephlivengood4508
    @josephlivengood4508 3 года назад

    Just install apache2. Love your videos

  • @mohammadhajari4810
    @mohammadhajari4810 2 года назад

    great, Thanks a lot.

  • @SergioInToronto
    @SergioInToronto 2 года назад

    This man has never typed a semi-colon in his life.

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

    Is installing GUI for WSL2 recommended to install for coding or it's just for fun stuff?

  • @shaderone07
    @shaderone07 3 года назад

    awesome 😎😎

  • @theodorn
    @theodorn 3 года назад

    Wow! An amazing video. Seems to cover everything I need to set up for the microservices course I'm taking right now, except Redis. Though, I would like to do everything you're doing in the video, directly in Kubuntu 21.04 full standalone install. Is that a more viable option or worse? Anyhow, thanks again for yet another very helpful video.

    • @LearnWebCode
      @LearnWebCode  2 года назад +2

      Working directly in Kubuntu would be even better; skip all the WSL configuration and just get the real thing 🙂. As for Redis, the Docker hub page should have some starter composer code to get rolling. Docker (docker.io) is in the Ubuntu repositories, but I think it's a pretty outdated copy. If you Google for "installing Docker Ubuntu Digital Ocean" you can usually find great up to date guides. On Linux, it probably feels dirty to use VS Code with Microsoft's telemetry / branding etc, so VSCodium looks pretty cool! github.com/VSCodium/vscodium

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

    Thank you so much. I am in the process of learning JavaScript and a guide I'm following required this setup and it so much cleaner than the mess I had before. I have a question regarding the docker image we set up in the /db folder. Now when I try to git add -A I cant because "warning: could not open directory 'db/pets/': Permission denied"
    I cannot figure out if this is normal and I just shouldn't try to commit the folder, or if something is wrong. And if it is normal, what kind of folder structure is normal then, because it doesn't feel great that I have to commit every single file separately because otherwise the /db folder will complain?

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

    Wsl -install worked for me seamlessly. Though for initial 2-3 mins it was stuck at 0%

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

      Also, your video was really really really informative. LEarned a lot from this video especially how to keep windows super clean by inot installing git, mysql, node on windiws but installing on WSL ubunt and using them in windows.

  • @KnownTechnical
    @KnownTechnical 3 года назад

    Great❤️

  • @Sinanmmd
    @Sinanmmd 7 месяцев назад

    Hi, previoursly I have used the conda environment in windows with vscode, now if I want to choose ubunto as a default profile in vscode how can I use conda and such environments I used in windows terminal?

  • @alilogue1104
    @alilogue1104 2 года назад

    works gj

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

    Great video by the way, helped me a lot am new to linux, just figured that i need to know how to use it as a web developer(backend) especially the ubuntu distro, but unfortunately, i cannot upgrade to wsl2 because my computer didn't meet the requirements therefore can't use docker (very worried) could you help, is there a way to use docker with the wsl 1?

  • @beqaarabidze3302
    @beqaarabidze3302 3 года назад

    thanks

  • @ΘάνοςΚαψάλης
    @ΘάνοςΚαψάλης 2 года назад +1

    One important note. Mounting C drive and working there has a terrible performance penalty in wsl. I suggest always work in home directory of wsl
    Update : Reach further on video and u actually notice it good job 👏