NPM Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 ก.ย. 2017
  • This is a beginner-friendly crash course and tutorial on NPM or the Node Package Manager. Some of what you will learn.....
    Install and remove modules
    Update modules
    All about package.json
    Set init defaults
    Local & global modules
    Dependencies & dev dependencies
    Listing modules
    Semantic Versioning
    NPM Scripts
    COMMANDS:
    gist.github.com/bradtraversy/...
    BECOME A PATRON: Show support & get perks!
    / traversymedia
    ONE TIME DONATIONS:
    www.paypal.me/traversymedia
    COURSES & MORE INFO:
    www.traversymedia.com
    FOLLOW TRAVERSY MEDIA:
    / traversymedia
    / traversymedia
    / traversymedia
    NEED WEB HOSTING?
    inmotion-hosting.evyy.net/c/3...
    NEW DISCORD CHAT SERVER:
    / discord
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 407

  • @TraversyMedia
    @TraversyMedia  6 ปีที่แล้ว +310

    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 5 ปีที่แล้ว +6

      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 5 ปีที่แล้ว +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 ปีที่แล้ว +234

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

  • @wesstephenson4533
    @wesstephenson4533 5 ปีที่แล้ว +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!

  • @wibowomuhmmad
    @wibowomuhmmad 2 ปีที่แล้ว +10

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

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

  • @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 ☺

  • @rafaelgodoy8896
    @rafaelgodoy8896 6 ปีที่แล้ว +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 TH-cam, with one of greatest contents!

  • @grantpritchard7492
    @grantpritchard7492 6 ปีที่แล้ว +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

  • @abhishekverma614
    @abhishekverma614 4 ปีที่แล้ว +4

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

  • @miles611
    @miles611 5 ปีที่แล้ว +2

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

  • @ManontheBroadcast
    @ManontheBroadcast 6 ปีที่แล้ว +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.

  • @2breborn247
    @2breborn247 3 ปีที่แล้ว +4

    Fantastic series on NPM! Thank you so much

  • @codyq0987
    @codyq0987 6 ปีที่แล้ว

    The best NPM tutorial on TH-cam. Thank you!

  • @lfx2mlfx2m8
    @lfx2mlfx2m8 4 ปีที่แล้ว

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

  • @user-vq6pe5px9k
    @user-vq6pe5px9k 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".

  • @AkkayHT228
    @AkkayHT228 5 ปีที่แล้ว +86

    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 4 ปีที่แล้ว

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

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

  • @jean-david-ouellette
    @jean-david-ouellette 4 ปีที่แล้ว

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

  • @luciferg3587
    @luciferg3587 ปีที่แล้ว

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

  • @zuheyrtahir4409
    @zuheyrtahir4409 6 ปีที่แล้ว

    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.

  • @gnzlplcs
    @gnzlplcs 2 ปีที่แล้ว

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

  • @luisgguillermo
    @luisgguillermo 6 ปีที่แล้ว +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

  • @BrianHaferkamp
    @BrianHaferkamp 5 ปีที่แล้ว +1

    Love that you did this video. Thanks, Brad!

  • @joemgap
    @joemgap 6 ปีที่แล้ว

    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!

  • @neoskribe8986
    @neoskribe8986 6 ปีที่แล้ว +9

    Man, this was needed so much!!

  • @julianyu7822
    @julianyu7822 6 ปีที่แล้ว +1

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

  • @ammarmukadam7554
    @ammarmukadam7554 6 ปีที่แล้ว +13

    Your videos are really good. And much understandable.

  • @14sidd
    @14sidd 6 ปีที่แล้ว

    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.

  • @rajitharajasooriya2574
    @rajitharajasooriya2574 2 ปีที่แล้ว

    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.

  • @brace77
    @brace77 4 ปีที่แล้ว

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

  • @solymar552
    @solymar552 4 ปีที่แล้ว

    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

  • @shawnbehnam
    @shawnbehnam 5 ปีที่แล้ว +1

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

  • @pikachu5223
    @pikachu5223 6 ปีที่แล้ว +5

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

  • @omermindivanli2981
    @omermindivanli2981 6 ปีที่แล้ว +2

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

  • @user-dz2hd4pi6h
    @user-dz2hd4pi6h 3 ปีที่แล้ว

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

  • @JamesQQuick
    @JamesQQuick 6 ปีที่แล้ว

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

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

  • @nauticaorangewatchbg9923
    @nauticaorangewatchbg9923 3 ปีที่แล้ว

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

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

  • @ricric4722
    @ricric4722 5 หลายเดือนก่อน

    This is the best npm tutorial on TH-cam! Thank you!!! ❤❤❤

  • @cmcdonough2
    @cmcdonough2 5 ปีที่แล้ว

    Thanks for sharing your knowledge. I really enjoy all your content. Extremely well explained and informative.

  • @stuffedstuff7086
    @stuffedstuff7086 3 ปีที่แล้ว

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

  • @urbaniv
    @urbaniv 4 ปีที่แล้ว

    Thanks thanks thanks! That's exactly the overview and introduction I looked for ... really good job

  • @mylordishere9915
    @mylordishere9915 3 ปีที่แล้ว

    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.

  • @abdullahsalem1998
    @abdullahsalem1998 6 ปีที่แล้ว

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

  • @xAndre-d-Moraes
    @xAndre-d-Moraes 6 ปีที่แล้ว +1

    Yours tutorials are amazing. Thank you!

  • @dankelly
    @dankelly 6 ปีที่แล้ว

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

  • @munteanudan5838
    @munteanudan5838 2 ปีที่แล้ว +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!!!

  • @LawZist
    @LawZist 6 ปีที่แล้ว

    Love your vids!
    I watch every single one of them! thank you

  • @DoogieLabs
    @DoogieLabs 3 ปีที่แล้ว

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

  • @fadifindakly3850
    @fadifindakly3850 3 ปีที่แล้ว

    What a great and simple explanation! Thank you so much!

  • @alimansourey2076
    @alimansourey2076 3 ปีที่แล้ว

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

  • @LisaMolnarBaker
    @LisaMolnarBaker 6 ปีที่แล้ว

    Thank you, I'm new to npm and this helped a lot.

  • @avi12
    @avi12 6 ปีที่แล้ว +1

    This course is awesome! I learned so much!

  • @keshavbansal5148
    @keshavbansal5148 5 ปีที่แล้ว

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

  • @jimmaccormaic6689
    @jimmaccormaic6689 5 ปีที่แล้ว

    Excellent overview of NPM. An essential reference.

  • @maverick_entertainment21
    @maverick_entertainment21 6 ปีที่แล้ว +1

    You have got some seriously good presentation skills. Nice.

  • @webtutorials4279
    @webtutorials4279 ปีที่แล้ว +4

    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]`

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

  • @markost.8944
    @markost.8944 2 ปีที่แล้ว +1

    Amazing content man. Very easy to follow and understand.

  • @mariopizzaro
    @mariopizzaro ปีที่แล้ว

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

  • @evlo8059
    @evlo8059 5 ปีที่แล้ว

    Finally actual nmp course, thanks.

  • @satishkumar-to1ud
    @satishkumar-to1ud 5 ปีที่แล้ว

    Thanks Brad Traversy for tutorial.. it helped me alot .

  • @matteobarbieri2989
    @matteobarbieri2989 6 ปีที่แล้ว

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

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

  • @RickNuthman
    @RickNuthman 5 ปีที่แล้ว

    Thanks for this, it was very informative and straight to the point. Nice work!

  • @jiananchen2602
    @jiananchen2602 6 ปีที่แล้ว +2

    You are my teacher,always!

  • @eugenekhristo7252
    @eugenekhristo7252 6 ปีที่แล้ว +1

    Great! So concise and so much useful info!

  • @ToniLiem
    @ToniLiem 6 ปีที่แล้ว

    Great video brad. Really appriciate your work.

  • @anneu8314
    @anneu8314 5 ปีที่แล้ว

    Thank you for this course. I learned a lot.

  • @woodstockanhaenger364
    @woodstockanhaenger364 5 ปีที่แล้ว +2

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

  • @camsolo2024
    @camsolo2024 5 ปีที่แล้ว

    Just wanted to say thanks! Answered some questions I had.

  • @raniabenchouiekh4347
    @raniabenchouiekh4347 3 ปีที่แล้ว

    I like it before even watching ! you never disappoint

  • @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😍😍😍😍

  • @Videosuser
    @Videosuser 3 ปีที่แล้ว

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

  • @zhuolintsai9030
    @zhuolintsai9030 6 ปีที่แล้ว

    The best npm tutorial ever!

  • @aminuusman6932
    @aminuusman6932 2 ปีที่แล้ว

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

  • @terry_swd
    @terry_swd 2 ปีที่แล้ว

    So much useful info - thanks Brad!

  • @noahmalchy2676
    @noahmalchy2676 4 ปีที่แล้ว

    Thanks Brad, clear explanation, keep at it!

  • @lolashepota4050
    @lolashepota4050 3 ปีที่แล้ว

    Thank you so much for this course! Well done!

  • @rohansaand2023
    @rohansaand2023 6 ปีที่แล้ว

    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.

  • @YajneshKumar
    @YajneshKumar 5 ปีที่แล้ว

    Really helped, simple and cleanly explained. Thanks :)

  • @bhushi5764
    @bhushi5764 6 ปีที่แล้ว

    Great crash course man!!! Thanks. Well done.

  • @the_yugandharr
    @the_yugandharr ปีที่แล้ว

    Insane!!!! Thank you so much Brad!

  • @EylonU
    @EylonU 4 ปีที่แล้ว

    Thanks a lot for another straight to the point course

  • @sebastiangruia1985
    @sebastiangruia1985 5 ปีที่แล้ว

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

  • @fhelipeturati1483
    @fhelipeturati1483 4 ปีที่แล้ว

    Thank you so much for sharing all your knowledge!

  • @Aavikko12
    @Aavikko12 6 ปีที่แล้ว

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

  • @deepakroy3459
    @deepakroy3459 4 ปีที่แล้ว

    This man is legend when it comes to js

  • @rafidahmedrd
    @rafidahmedrd 3 ปีที่แล้ว

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

  • @allaws4062
    @allaws4062 6 ปีที่แล้ว

    Thanks for the Tut Brad this helped me out alot.

  • @sandeepbrk
    @sandeepbrk 4 ปีที่แล้ว

    Nice video. Learned lot of necessary npm commands.

  • @ZeeSWAGFRESH
    @ZeeSWAGFRESH 3 ปีที่แล้ว +1

    Huge help, thanks a lot Brad

  • @adventurer1121
    @adventurer1121 5 ปีที่แล้ว

    Another great video by Brad.

  • @daryoes
    @daryoes 5 ปีที่แล้ว +1

    Thank you for the amazing work!

  • @hirephpdevelopers3840
    @hirephpdevelopers3840 6 ปีที่แล้ว

    I have learned a lot from your videos. Thank you.

  • @idynxcode5744
    @idynxcode5744 3 ปีที่แล้ว

    You are great, I love your crash courses, Thank you so much!

  • @reshaknarayan3944
    @reshaknarayan3944 5 ปีที่แล้ว

    Love from India. Brad , may God bless you

  • @mauricioosorio1320
    @mauricioosorio1320 4 ปีที่แล้ว

    Excellent video. Very complete tutorial!!

  • @kamleshpatil1959
    @kamleshpatil1959 5 ปีที่แล้ว

    Thank you for this tutorial brad traversy...

  • @angekouakou7753
    @angekouakou7753 3 ปีที่แล้ว

    Thanks man! You just pushed me forward in that journey 😅