NPM Crash Course

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.co...
BECOME A PATRON: Show support & get perks!
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/t...
COURSES & MORE INFO:
www.traversymed...
FOLLOW TRAVERSY MEDIA:
/ traversymedia
/ traversymedia
/ traversymedia
NEED WEB HOSTING?
inmotion-hosti...
NEW DISCORD CHAT SERVER:
/ discord

[@TraversyMedia]

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

[@blvnktek]

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]

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]

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]

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

[@AndreKochDre]

@@JibinPhiliposeDGameR I agree

[@elbasiriyouness1929]

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

[@davinchi7721]

عربي وش

[@osamagamal495]

@@davinchi7721 مصرى وش

[@huytrankhac8729]

Definitely correct!

[@mohammadsalimi6722]

like

[@grantpritchard7492]

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]

yup not bad-at least he referenced the documentation

[@ManontheBroadcast]

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.

[@rxtechandtrading]

not bad thats for sure

[@luisgguillermo]

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

[@AkkayHT228]

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]

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

[@husainmansuri9544]

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

[@abdullahalshohail2865]

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

[@purplepete123]

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

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

[@ab97305]

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]

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.

[@omermindivanli2981]

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

[@mylordishere9915]

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.

[@alfredchow6901]

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

[@webtutorials4279]

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

[@stuffedstuff7086]

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

[@zuheyrtahir4409]

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.

[@2breborn247]

Fantastic series on NPM! Thank you so much

[@pikachu5223]

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

[@agungbencong8468]

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

[@jasonlloyd806]

Nice video brad would love to see an lodash crash course

[@liyuqin944]

agree!

[@TraversyMedia]

Jason Lloyd good idea

[@PankajChakraborty9786]

+1 for lodash crash course

[@quantum-t]

I totally agree

[@lfx2mlfx2m8]

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

[@munteanudan5838]

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

[@harrylockheed79]

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

[@kevinzhang8974]

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

[@abdullahsalem1998]

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

[@daniellaerachannel]

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

[@ericellison2413]

yes the best word for that

[@amnest1ac]

this captures it well ))

[@johnthomas4516]

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

[@let_go429]

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

[@rafidahmedrd]

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

[@fernandaopk]

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.

[@woodstockanhaenger364]

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

[@ricric4722]

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

[@aminuusman6932]

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

[@puzzlecanes]

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.

[@8cho9ueve]

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.

[@themarksmith]

This guy is fantastic!

[@webapplicationguide3798]

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

[@miles611]

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

[@BrianHaferkamp]

Love that you did this video. Thanks, Brad!

[@Naniy55462]

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

[@rajitharajasooriya2574]

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.

[@neoskribe8986]

Man, this was needed so much!!

[@СергейГолубев-л5п]

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

[@jeremiahlandi6360]

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

[@raniab96]

I like it before even watching ! you never disappoint

[@codyq0987]

The best NPM tutorial on KZbin. Thank you!

[@nauticaorangewatchbg9923]

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

[@shawnbehnam]

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

[@maverick_entertainment21]

You have got some seriously good presentation skills. Nice.

[@matteobarbieri2989]

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

[@bxlbjorn]

This is great! I am no longer intimidated by NPM

[@brace77]

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

[@rohansaand2023]

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.

[@deepakroy3459]

This man is legend when it comes to js

[@jean-david-ouellette]

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

[@niklasoti]

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

[@terry_swd]

So much useful info - thanks Brad!

[@JD-hq1kn]

LIKED . SUBSCRIBED . COMMENTED > You deserved it Brad. Thanks for sharing the knowledge.

[@Nexjsdeveloper]

U r hero of programing eductions

[@mkvk32]

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

[@kibirigejohn8324]

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

[@bijuphilipjacob2961]

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.

[@mariopizzaro]

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

[@ידידיהאברגל]

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

[@wibowomuhmmad]

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

[@dankelly]

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

[@mauricioosorio1320]

Excellent video. Very complete tutorial!!

[@eugenekhristo7252]

Great! So concise and so much useful info!

[@magyartimea6716]

thank you for teaching us free

[@jonsnow9758]

Thank you very much. I have learned a lot abt npm by this video.

[@the_yugandharr]

Insane!!!! Thank you so much Brad!

[@hashirmughal5625]

congratulation for 2m

[@rs-tarxvfz]

This is more helpful for the DevOps automation person.

[@ToniLiem]

Great video brad. Really appriciate your work.

[@keshav885]

you are a kind of super human 'Brad'

[@urbaniv]

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

[@paulbcote]

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

[@mugambo5505]

You saved my life brad

[@nicknameyu3588]

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

[@DrHappybone]

When I ran "npm list" I had a shit ton of "err missing" messages. Apparently there's some issue with the package and package-lock files. Running "npm dedupe" fixed it. Found the solution on Github :)

[@yustinayasin5539]

Thank you for this course. I learn a lot. GBU

[@satishkumar-to1ud]

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

[@fadifindakly3850]

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

[@EylonU]

Thanks a lot for another straight to the point course

[@LawZist]

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

[@putenz87]

Hi Brad! Can u make a tutorial on how to use npm script as task runner instead of gulp? You're the numb 1!

[@emmanuelmonlenyode83]

Thanks a lot Brad, this was really confusing to me before.

[@adventurer1121]

Another great video by Brad.

[@YajneshKumar]

Really helped, simple and cleanly explained. Thanks :)

[@Clazzette]

"tons of sh*t" i love this man even more lmao

[@ichnafi8512]

You sir, are a gift of god!

[@n0ks]

Node webkit would be awesome! Nice video as always.

[@hirephpdevelopers3840]

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

[@wepranaga]

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 😅😅

[@noahmalchy2676]

Thanks Brad, clear explanation, keep at it!

[@bhushi5764]

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

[@camsolo2024]

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

[@DebanjanKarmakar]

Can you please make a video on p5 js..it will be very helpful..all of your videos are super interesting and well explained..please make a video on p5 js..thank you for sharing your knowledge

[@hazzaldo]

Awesome tutorial. Thank you so much. I've subscribed. One question: if another developer clones your project, how will they know what global packages need to be installed? Because global packages are not included in package.json!

[@allaws4062]

Thanks for the Tut Brad this helped me out alot.

[@justyna6134]

I tried to lounch nodemon, but still have the error: $ nodemon internal/modules/cjs/loader.js:883 throw err; ^ is appear - cant find what is the reason have already uninstall even node.js ... nothing help ! could you help me please?

[@SurajSk-ik2zf]

2022 complete this npm package manager video thank you brad

[@AnoopD2013]

Could have mentioned about Yarn too in the end :) Really nice tutorial

[@Soumya21st]

Brilliant tutorials Sir..Just a small question..how do you know from beforehand which is a dev dependency and which is not? Is it something we learn by experience?