NPM Crash Course

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

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

  • @TraversyMedia
    @TraversyMedia  7 лет назад +314

    Guys, you do not need to do --save anymore with NPM 5+

    • @blvnktek
      @blvnktek 6 лет назад +20

      was just about to ask about this, every now and then I still do it just in case...
      like when I ass 1+1 in my calculator just to make sure it still equals one

    • @gopibabus
      @gopibabus 6 лет назад +7

      Sir, This is one of the best tutorial I have seen on the web for learning basics about NPM. Can you create a crash course on COMPOSER for php projects ?

    • @JibinPhiliposeDGameR
      @JibinPhiliposeDGameR 6 лет назад +2

      Hey, it would be nice to see a short follow up video to this since major changes has been made to npm with npx there too as well there is also a new package manager nppm somewhat. So lot of public is confused with package-lock.json and also do we have still have to use --save -dev to save dev dependencies?

    • @AnimatedStoriesWorldwide
      @AnimatedStoriesWorldwide 5 лет назад

      don't ass your calculator,
      don't ass your calculator 1+1,
      don't ass your calculator 1+1 = 1...

    • @AndreKochDre
      @AndreKochDre 5 лет назад

      @@JibinPhiliposeDGameR I agree

  • @elbasiriyouness1929
    @elbasiriyouness1929 5 лет назад +237

    You dont need a bootcamp or a paid course ! you only need Brad Traversy to become a web developer

  • @AkkayHT228
    @AkkayHT228 5 лет назад +89

    npm init - Initialize package.json file
    npm run - run the scripts
    npm install - install packages
    npm remove - remove packages
    npm update - update packages
    npm config - config package.json file
    npm list - show all your packages
    -save - dependencies on your project
    -save-dev - dependencies only for development
    -g - install package globally
    -production - initialize package.json only with -save delpendencies

    • @shvetal3037
      @shvetal3037 5 лет назад

      I think even without --save, it gets us dependencies on our project.

    • @husainpersonal-o6y
      @husainpersonal-o6y 4 года назад +1

      @@shvetal3037 yes it does. It was included in the update after the video was filmed

    • @abdullahalshohail2865
      @abdullahalshohail2865 4 года назад

      What is. the difference between saving dependencies on a project, vs saving only for development?

    • @purplepete123
      @purplepete123 4 года назад +1

      @@abdullahalshohail2865 im just guessing and please correct me if im wrong but i think the difference is that the dependencies for production are needed to run the app while the dev dependencies are just needed for the coding of the app.
      Its a wild guess though :D

    • @abdullahalshohail2865
      @abdullahalshohail2865 4 года назад

      @@purplepete123 That does make a lot of sense tho, thanks!

  • @wibowomuhmmad
    @wibowomuhmmad 3 года назад +10

    It's 2021 and this npm tutorial video is still good to learn, thankyou bro

  • @wesstephenson4533
    @wesstephenson4533 6 лет назад +14

    I love the video, Brad. Thanks again for explaining a previously confusing topic so easily and clearly. My NPM confidence level is over 9000 now!

  • @grantpritchard7492
    @grantpritchard7492 7 лет назад +21

    I have to say Brad, I've only recently started watching your videos but already I'm a huge fan.
    Your style is very easy to follow and even with more in-depth stuff it is very easy to learn as I watch, so well done!

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

      yup not bad-at least he referenced the documentation

  • @webtutorials4279
    @webtutorials4279 Год назад +5

    Feb 2023 update: You do not need to use `npm install --save [packagename]` anymore. Just `npm install [packagename]` does the same thing. `--save` is not needed anymore. Similarly instead of `npm install --save-dev [packagename]`, do `npm install -D [packagename]`

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

    This is the only real NPM tutorial on RUclips, I am watching this on my smart TV using Chromecast ⚘😘

  • @luisgguillermo
    @luisgguillermo 7 лет назад +3

    When I have issues with electron Brad puts out a video.
    When npm has been giving me grief the past week, Brad puts out another video. HE'S A WIZARD

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

    This is the best video for learning NPM, hands down. Absolutely no need for any other npm tutorial when this video exists..

  • @ManontheBroadcast
    @ManontheBroadcast 7 лет назад +3

    Things become much easier if someone can explain them in a simple manner, so that even a beginner can understand...thanks Brad ! ...keep on the great work.

  • @solymar552
    @solymar552 5 лет назад

    among all the people that make free courses and stuff relating to programming here in yt... dude, you're one of the bests! Thanks for all your videos

  • @joemgap
    @joemgap 7 лет назад

    You know what others have that you don't have? Complexity!
    Yeah, man! That is compliment!!! Your teachings are straight to the point and easy to understand!

  • @ab97305
    @ab97305 4 года назад +1

    Man, all I have to say is this crash course was EXCELLENT! I was totally lost with NPM and now I have a better understanding. Thank you so much! Smiles ☺

  • @wimalranaweeratunga850
    @wimalranaweeratunga850 6 лет назад

    I am still watching at 19.28 and thought I am ready to post a comment. A big thank you for this video. its very clear, explains exactly the stuff that I have been really concerned with and have been searching for months. You are a life saver. subscribed.

  • @mylordishere9915
    @mylordishere9915 4 года назад

    Thank you very much for this video. Before watching this video, i used to switch to new linux distro, everytime just because i wasn't able update or remove global packages. You saved me from that big hassle.

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

    Brad Traversy's videos are all I need in my life.

  • @omermindivanli2981
    @omermindivanli2981 7 лет назад +2

    It is so important that Mean Stack Developers should understand the structure of NPM... Thanks Brad

  • @stuffedstuff7086
    @stuffedstuff7086 4 года назад

    Maannn you've done tutorials in almost everything for full-stack devs Thanks for everything sir.

  • @abhishekverma614
    @abhishekverma614 5 лет назад +4

    your crash courses are just an awesome way to get familiar with things before diving into detail...thanks a lot🤗

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

    I've been learn react native almost 8 month, and still confuse, now i found this tutorial, and I could clearly understand it for 42 menit.....thanks master brad😍😍😍😍

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

    Thank you so much. You probably explain concepts better than anyone on RUclips.

  • @JamesQQuick
    @JamesQQuick 7 лет назад

    Learn something new every time. I didn't know how to set the default properties in NPM init

  • @lfx2mlfx2m8
    @lfx2mlfx2m8 4 года назад

    it's 2020 and this is still the best tutorial on npm I found
    you make youtube great

  • @abdullahsalem1998
    @abdullahsalem1998 6 лет назад

    Didn't know anything, and now i know more than i deserve, thank you very much

  • @zuheyrtahir4409
    @zuheyrtahir4409 7 лет назад

    I really like the way you present/go through the videos. I understand and learn with much ease. Watching your videos I can learn in one hour, what the thing is/is it useful/ will it be of use to me/should I learn about it further.
    I do not know what type of programmer, I am currently, but my type finds it easier to learn from you, about the things you are teaching.

  • @Aavikko12
    @Aavikko12 6 лет назад

    From zero to hero in 42:02 minutes. Thank you!

  • @harrylockheed79
    @harrylockheed79 5 лет назад

    Hey there Brad, great crash course, Love your videos. Just a note though for maybe anyone else who is following along and doing these commands verbatim with you: I had a hiccup when I globally installed nodeman and tried running it. I ran "nodeman" just like Brad did in the bash command prompt but instead what I got was an Error: Cannot find module 'file path'. I was getting pretty frustrated; so I went along the file path to the destination and found the nodeman file, but then noticed beneath it was the windows command script "nodeman.cmd". I decided to give this a run in the command prompt and it works just fine. I don't know why I can't just run "nodeman" in my command prompt, but I thought I'd throw that out there just in case anyone else encounters that.-Thanks again,Harrison

  • @rafaelgodoy8896
    @rafaelgodoy8896 7 лет назад +1

    Amazing! Looks like you are reading my mind. Everything time I think about learning something, you upload a video about it!
    You are doing an amazing job on RUclips, with one of greatest contents!

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

    One of the best teachers and RUclipsrs
    Keep it up 💪

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

    This is the best npm tutorial on RUclips! Thank you!!! ❤❤❤

  • @kevinzhang8974
    @kevinzhang8974 6 лет назад

    I wish I had watched this video much easlier ... it is a quick summary all the common commands for npm ... thanks to Brad again!!!!

  • @2breborn247
    @2breborn247 3 года назад +4

    Fantastic series on NPM! Thank you so much

  • @themarksmith
    @themarksmith 7 лет назад +33

    This guy is fantastic!

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

    I have been using NPM for a while but I really don't know some of the points you mentioned. Thanks a lot!

  • @fernandaopk
    @fernandaopk 7 лет назад +1

    Little tip: If you use "npx" instead of "npm" you use the package just once. So, with things you don't use that often, like a Yeoman generator, you don't bloat your system.

  • @rafidahmedrd
    @rafidahmedrd 4 года назад

    Wow thanks for all the short cut commands. You really give insights which is really helpful for all the noobs' like me.

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

    I now will put Brad Traversy as the author in all my conifgs.

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

    Thank you very much for this Crash Course. Anyway a lot of people, including me, still encounters difficulties when it comes to such technologies as npm and webpack. I hope that in 2022 you will provide us a pre-React Project Course in which we will get more familiarize with npm, webpack technology, after which it would be much easier to start studying React.
    Thank you very much for your work, you are the best teacher, you help us to learn and stay motivated.
    Happy new Year!!!

  • @codyq0987
    @codyq0987 6 лет назад

    The best NPM tutorial on RUclips. Thank you!

  • @nauticaorangewatchbg9923
    @nauticaorangewatchbg9923 4 года назад

    This world needs more people like you! Thank you kind sir!

  • @cacianobeast
    @cacianobeast 7 лет назад +1

    this is the video i needed but not the video i deserved

  • @woodstockanhaenger364
    @woodstockanhaenger364 6 лет назад +2

    Let's install and remove gulp a couple hundred times ;)
    thanks for the video, it was perfectly easy to follow

  • @14sidd
    @14sidd 7 лет назад

    You'r just awesome. I was just got confused about nmp when i started learning. But you made it so simple. Thank you so much.

  • @8cho9ueve
    @8cho9ueve 6 лет назад

    This is awesome. I'm currently taking other courses on udemy that briefly touch on specific npm steps to set up an environment for the course, but don't give an overview. This video was super useful to me right now.

  • @deepakroy3459
    @deepakroy3459 4 года назад

    This man is legend when it comes to js

  • @ammarmukadam7554
    @ammarmukadam7554 7 лет назад +13

    Your videos are really good. And much understandable.

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

    Excellent video. Covered a hell lot of information in a short period of time. Explanation is on next level. Thank you very much for the effort.

  • @keshavbansal5148
    @keshavbansal5148 5 лет назад

    this guy is doing just so much good for a lot of people

  • @bxlbjorn
    @bxlbjorn 4 года назад

    This is great! I am no longer intimidated by NPM

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

    Nice one Brad..Watching your videos is exciting. At least i understand npm better...

  • @pikachu5223
    @pikachu5223 7 лет назад +5

    Lodash and security(helmet etc) in nodejs/express Crash course? Thanks Brad, my Hero!!

  • @joshuaerondu
    @joshuaerondu 7 лет назад +7

    I am new to web development and your channel has actually been my school Thanks a lot.. Please we'd love it if you could make a tutorial for beginners on how contents like articles could be uploaded to a website without directly accessing the html pages .. I know this sunds foolish but it's baffling to beginners ..

    • @dominikkoch3882
      @dominikkoch3882 7 лет назад +1

      Brad already had this Tutorials and Courses. You can watch his PHP course if you want to do this in PHP. It is called CreateReadUpdateDelete(CRUD) what you are searching for. "Fetch API" and "Firbase Contact Form" Videos can help you also with this.

    • @alijouini4437
      @alijouini4437 6 лет назад

      www.freetutorials.us/

    • @davidpower2054
      @davidpower2054 6 лет назад

      add me let's make web projects

  • @bijuphilipjacob2961
    @bijuphilipjacob2961 7 лет назад +1

    Excellent course on npm
    Covered the basics and more with enough examples.
    Very clear explanation with details to the tee.
    Now I am sure of what npm is and how to use it.
    Thank you very much Brad.

  • @matteobarbieri2989
    @matteobarbieri2989 7 лет назад

    Now NPM is much clear (in my mind). Thanks Brad

  • @raniab96
    @raniab96 4 года назад

    I like it before even watching ! you never disappoint

  • @СергейГолубев-л5п
    @СергейГолубев-л5п 6 лет назад

    Well, Brad I say this once again: a great thank you for videos which u produce they're awesome and very useful. I've took a lot from your videos, they allow me to get some not really complicated knowledge rappidly like "npm".

  • @maverick_entertainment21
    @maverick_entertainment21 7 лет назад +1

    You have got some seriously good presentation skills. Nice.

  • @neoskribe8986
    @neoskribe8986 7 лет назад +9

    Man, this was needed so much!!

  • @miles611
    @miles611 5 лет назад +2

    That was the exact tutorial I needed in my life right now.
    Thank you!

  • @jasonlloyd806
    @jasonlloyd806 7 лет назад +37

    Nice video brad would love to see an lodash crash course

  • @brace77
    @brace77 5 лет назад

    Great video. I was looking for a npm intro tutorial and this is very well done. Congratulations! Thanks.

  • @ZeeSWAGFRESH
    @ZeeSWAGFRESH 4 года назад +1

    Huge help, thanks a lot Brad

  • @julianyu7822
    @julianyu7822 6 лет назад +1

    I learned a lot from this npm crash course. Thanks a lot! Great tutorial!

  • @BrianHaferkamp
    @BrianHaferkamp 5 лет назад +1

    Love that you did this video. Thanks, Brad!

  • @jimmaccormaic6689
    @jimmaccormaic6689 6 лет назад

    Excellent overview of NPM. An essential reference.

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

    Thank you for creating such a useful content for free.

  • @webapplicationguide3798
    @webapplicationguide3798 7 лет назад +5

    To open integrated terminal in Visual studio code, you can use shortcut CTRL + ~

  • @markost.8944
    @markost.8944 2 года назад +1

    Amazing content man. Very easy to follow and understand.

  • @shawnbehnam
    @shawnbehnam 5 лет назад +1

    Thank you for making this tutorial. Simple and to the point.

  • @evlo8059
    @evlo8059 5 лет назад

    Finally actual nmp course, thanks.

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

    Great tutorial Brad! help a lot in this sometimes difficult journey to become Web Dev!

  • @daniellaerachannel
    @daniellaerachannel 7 лет назад +71

    nice video!
    at 22:03 'a ton of shit lol' this is the right word

    • @ericellison2413
      @ericellison2413 6 лет назад +3

      yes the best word for that

    • @amnest1ac
      @amnest1ac 6 лет назад +2

      this captures it well ))

    • @johnthomas4516
      @johnthomas4516 6 лет назад +3

      Glad other people found thta as funny as I did. Absolutely marvelous resource, this.

    • @let_go429
      @let_go429 5 лет назад +3

      When I cracked up bc he said that, I freaking paused and came down here to look for this comment!

  • @puzzlecanes
    @puzzlecanes 6 лет назад +1

    Thanks this helped. Please do a video on how to update code when one of your dependencies' dependencies has a security issue. What is a good strategy for figuring out how to update your dependency without affecting anything else. When working with a tutorial eventually most of it's dependencies get stale and updating each one is rough because it is all new to me.

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

    thank you for teaching us free

  • @jean-david-ouellette
    @jean-david-ouellette 5 лет назад

    You rock man! This is exactly what I needed, just bought your Angular course, looking forward to that one too!

  • @rohansaand2023
    @rohansaand2023 7 лет назад

    great video Brad. Thanks for helping us novice web developers.
    Small request, in future, whenever you have time a MEAN app with Angular 4 will be very helpful.

  • @londondsurroundings
    @londondsurroundings 6 лет назад

    very nice work, very easy to understand. you are blessed with good teaching skill.

  • @webapplicationguide3798
    @webapplicationguide3798 7 лет назад

    You might have known already. just a tip, that you could change integrated terminal for vs code to git bash by going preferences file.
    Thank you !!

  • @dankelly
    @dankelly 7 лет назад

    Another great video, Brad! Wow!! Makes me want to learn Node just so I can use it!

  • @zhuolintsai9030
    @zhuolintsai9030 7 лет назад

    The best npm tutorial ever!

  • @wepranaga
    @wepranaga 6 лет назад +4

    11:53 the command changing the config author name _npm config set init-author-name_ doesn't work anymore on 5.6.0. you have to use _npm config set __init.author.name_ with dots instead of hyphen.
    22:03 a ton of shit 😅😅

  • @sandeepbrk
    @sandeepbrk 4 года назад

    Nice video. Learned lot of necessary npm commands.

  • @DoogieLabs
    @DoogieLabs 4 года назад

    Thank you for making this it really helped me understand how I can leverage npm to my benefit.

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

    Loved this video it was very helpful:) Very easy to understand

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

    very good video, had to read some stuff that has been uptaded, but the base of it is optimal

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

    Thank you Brad, this was really helpful. May God bless you

  • @Nexjsdeveloper
    @Nexjsdeveloper 4 года назад

    U r hero of programing eductions

  • @ידידיהאברגל
    @ידידיהאברגל 3 года назад

    Thank you so much for these courses! Easy explanation to understand down to the smallest detail

  • @reshaknarayan3944
    @reshaknarayan3944 5 лет назад

    Love from India. Brad , may God bless you

  • @nicknameyu3588
    @nicknameyu3588 6 лет назад

    This is really helpful and friendly to noobs. Thanks a lot.

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

    Thank you so much. I was struggling so much with that.

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

    So much useful info - thanks Brad!

  • @paulbcote
    @paulbcote 4 года назад

    Thanks Brad. I bumped into npm and wanted to quit. Now I can continue!

  • @sebastiangruia1985
    @sebastiangruia1985 6 лет назад

    Very good course. I was lost with npm util I found your explanations. Thanks

  • @Naniy55462
    @Naniy55462 7 лет назад

    npm prune is used to remove all the dependencies in package.json file, very usefull

  • @jiananchen2602
    @jiananchen2602 7 лет назад +2

    You are my teacher,always!

  • @rohanshukla28
    @rohanshukla28 6 лет назад

    Good Channel... Clears lot of concept in node for me

  • @niklasoti
    @niklasoti 7 лет назад

    Thanks Brad, learning a lot from your videos ! Maybe you could show us next time how you go about doing your Cross Browser Testing.

  • @Saccbot
    @Saccbot 8 месяцев назад +1

    If you are like me, searching THE video tutorial for npm. Yes, this is it, watch it.