Тёмный

NPM Crash Course 

Traversy Media
Подписаться 2,3 млн
Просмотров 326 тыс.
50% 1

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

Наука

Опубликовано:

 

14 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 412   
@TraversyMedia
@TraversyMedia 6 лет назад
Guys, you do not need to do --save anymore with NPM 5+
@blvnktek
@blvnktek 6 лет назад
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 лет назад
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 лет назад
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 лет назад
You dont need a bootcamp or a paid course ! you only need Brad Traversy to become a web developer
@davinchi7721
@davinchi7721 5 лет назад
عربي وش
@osamagamal495
@osamagamal495 4 года назад
@@davinchi7721 مصرى وش
@huytrankhac8729
@huytrankhac8729 4 года назад
Definitely correct!
@mohammadsalimi6722
@mohammadsalimi6722 4 года назад
like
@AkkayHT228
@AkkayHT228 5 лет назад
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 года назад
@@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 года назад
@@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!
@grantpritchard7492
@grantpritchard7492 7 лет назад
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
@wesstephenson4533
@wesstephenson4533 5 лет назад
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 3 года назад
It's 2021 and this npm tutorial video is still good to learn, thankyou bro
@ManontheBroadcast
@ManontheBroadcast 7 лет назад
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
@rxtechandtrading 2 года назад
not bad thats for sure
@webtutorials4279
@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]`
@JamesQQuick
@JamesQQuick 7 лет назад
Learn something new every time. I didn't know how to set the default properties in NPM init
@luisgguillermo
@luisgguillermo 7 лет назад
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
@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!
@abhishekverma614
@abhishekverma614 4 года назад
your crash courses are just an awesome way to get familiar with things before diving into detail...thanks a lot🤗
@ab97305
@ab97305 4 года назад
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 ☺
@alimansourey2076
@alimansourey2076 3 года назад
This is the only real NPM tutorial on RU-vid, I am watching this on my smart TV using Chromecast ⚘😘
@luciferg3587
@luciferg3587 Год назад
This is the best video for learning NPM, hands down. Absolutely no need for any other npm tutorial when this video exists..
@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.
@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.
@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.
@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
@joshuaerondu
@joshuaerondu 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 лет назад
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
@stuffedstuff7086
@stuffedstuff7086 3 года назад
Maannn you've done tutorials in almost everything for full-stack devs Thanks for everything sir.
@fernandaopk
@fernandaopk 7 лет назад
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.
@omermindivanli2981
@omermindivanli2981 7 лет назад
It is so important that Mean Stack Developers should understand the structure of NPM... Thanks Brad
@gnzlplcs
@gnzlplcs 3 года назад
Brad Traversy's videos are all I need in my life.
@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 2 месяца назад
Thank you so much. You probably explain concepts better than anyone on RU-vid.
@munteanudan5838
@munteanudan5838 2 года назад
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!!!
@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!
@rafaelgodoy8896
@rafaelgodoy8896 7 лет назад
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 RU-vid, with one of greatest contents!
@webapplicationguide3798
@webapplicationguide3798 7 лет назад
To open integrated terminal in Visual studio code, you can use shortcut CTRL + ~
@kamleshpatil1959
@kamleshpatil1959 5 лет назад
Also CTRL + J
@Aavikko12
@Aavikko12 6 лет назад
From zero to hero in 42:02 minutes. Thank you!
@abdullahsalem1998
@abdullahsalem1998 6 лет назад
Didn't know anything, and now i know more than i deserve, thank you very much
@themarksmith
@themarksmith 7 лет назад
This guy is fantastic!
@2breborn247
@2breborn247 3 года назад
Fantastic series on NPM! Thank you so much
@puzzlecanes
@puzzlecanes 6 лет назад
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.
@jasonlloyd806
@jasonlloyd806 7 лет назад
Nice video brad would love to see an lodash crash course
@liyuqin944
@liyuqin944 7 лет назад
agree!
@TraversyMedia
@TraversyMedia 7 лет назад
Jason Lloyd good idea
@PankajChakraborty9786
@PankajChakraborty9786 7 лет назад
+1 for lodash crash course
@quantum-t
@quantum-t 7 лет назад
I totally agree
@lfx2mlfx2m8
@lfx2mlfx2m8 4 года назад
it's 2020 and this is still the best tutorial on npm I found you make youtube great
@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!!!!
@pikachu5223
@pikachu5223 7 лет назад
Lodash and security(helmet etc) in nodejs/express Crash course? Thanks Brad, my Hero!!
@ricric4722
@ricric4722 9 месяцев назад
This is the best npm tutorial on RU-vid! Thank you!!! ❤❤❤
@jeremiahlandi6360
@jeremiahlandi6360 2 года назад
I now will put Brad Traversy as the author in all my conifgs.
@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 !!
@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.
@ammarmukadam7554
@ammarmukadam7554 7 лет назад
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.
@ZeeSWAGFRESH
@ZeeSWAGFRESH 3 года назад
Huge help, thanks a lot Brad
@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
@DoogieLabs
@DoogieLabs 4 года назад
Thank you for making this it really helped me understand how I can leverage npm to my benefit.
@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.
@aminuusman6932
@aminuusman6932 3 года назад
Nice one Brad..Watching your videos is exciting. At least i understand npm better...
@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.
@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.
@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!
@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.
@nauticaorangewatchbg9923
@nauticaorangewatchbg9923 4 года назад
This world needs more people like you! Thank you kind sir!
@cacianobeast
@cacianobeast 7 лет назад
this is the video i needed but not the video i deserved
@BrianHaferkamp
@BrianHaferkamp 5 лет назад
Love that you did this video. Thanks, Brad!
@miles611
@miles611 5 лет назад
That was the exact tutorial I needed in my life right now. Thank you!
@maverick_entertainment21
@maverick_entertainment21 7 лет назад
You have got some seriously good presentation skills. Nice.
@СергейГолубев-л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".
@shawnbehnam
@shawnbehnam 5 лет назад
Thank you for making this tutorial. Simple and to the point.
@neoskribe8986
@neoskribe8986 7 лет назад
Man, this was needed so much!!
@markost.8944
@markost.8944 2 года назад
Amazing content man. Very easy to follow and understand.
@hazzaldo
@hazzaldo 4 года назад
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!
@codyq0987
@codyq0987 6 лет назад
The best NPM tutorial on RU-vid. Thank you!
@brace77
@brace77 4 года назад
Great video. I was looking for a npm intro tutorial and this is very well done. Congratulations! Thanks.
@julianyu7822
@julianyu7822 6 лет назад
I learned a lot from this npm crash course. Thanks a lot! Great tutorial!
@woodstockanhaenger364
@woodstockanhaenger364 5 лет назад
Let's install and remove gulp a couple hundred times ;) thanks for the video, it was perfectly easy to follow
@deepakroy3459
@deepakroy3459 4 года назад
This man is legend when it comes to js
@xman3666
@xman3666 3 года назад
Great Brad! Thank u for the video! If a use loadash package and then wants to send a website to a host serve through FileZilla, I also need to send the folder “ node-modules”, right?
@NoahNobody
@NoahNobody 7 лет назад
It would be interesting to watch a Mithril JS course. There aren't many video courses available at the moment, and the ones that are there, either tend to be presenting its features, or require quite advanced knowledge to follow along. The docs on the site are pretty good though.
@keshavbansal5148
@keshavbansal5148 5 лет назад
this guy is doing just so much good for a lot of people
@jimmaccormaic6689
@jimmaccormaic6689 6 лет назад
Excellent overview of NPM. An essential reference.
@matteobarbieri2989
@matteobarbieri2989 7 лет назад
Now NPM is much clear (in my mind). Thanks Brad
@raniab96
@raniab96 3 года назад
I like it before even watching ! you never disappoint
@mariopizzaro
@mariopizzaro 2 года назад
Great tutorial Brad! help a lot in this sometimes difficult journey to become Web Dev!
@bxlbjorn
@bxlbjorn 3 года назад
This is great! I am no longer intimidated by NPM
@piyushsingh3160
@piyushsingh3160 2 месяца назад
Thank you for creating such a useful content for free.
@Naniy55462
@Naniy55462 7 лет назад
npm prune is used to remove all the dependencies in package.json file, very usefull
@realjackofall
@realjackofall 3 года назад
Brad, thanks for making these videos. They are super helpful and to the point. I've been referring to your channel traversy media to understand some key stuff. I heard you say in the video about you having courses on Udemy. Do you also have course on LinkedIn learning?
@Saccbot
@Saccbot 5 месяцев назад
If you are like me, searching THE video tutorial for npm. Yes, this is it, watch it.
@bijuphilipjacob2961
@bijuphilipjacob2961 6 лет назад
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.
@Soumya21st
@Soumya21st 7 лет назад
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?
@ידידיהאברגל
@ידידיהאברגל 3 года назад
Thank you so much for these courses! Easy explanation to understand down to the smallest detail
@hiteshchoudhary3412
@hiteshchoudhary3412 7 лет назад
Brad, one word fabulous, please make full series on npm?
@dankelly
@dankelly 7 лет назад
Another great video, Brad! Wow!! Makes me want to learn Node just so I can use it!
@urfiinlondon
@urfiinlondon 6 лет назад
very nice work, very easy to understand. you are blessed with good teaching skill.
@cmcdonough2
@cmcdonough2 5 лет назад
Thanks for sharing your knowledge. I really enjoy all your content. Extremely well explained and informative.
@zhuolintsai9030
@zhuolintsai9030 7 лет назад
The best npm tutorial ever!
@badytouray294
@badytouray294 3 года назад
Loved this video it was very helpful:) Very easy to understand
@Nexjsdeveloper
@Nexjsdeveloper 4 года назад
U r hero of programing eductions
@DrHappybone
@DrHappybone 6 лет назад
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 :)
@vishals50
@vishals50 7 лет назад
Thanks @Brad again for the great course, best as always, any thoughts on making a course on Architecting Application ?
@iliassarantoglou3438
@iliassarantoglou3438 7 лет назад
Thanks for the nice video Brad. While you are at package managers you can do a crash course on Yarn Package Manager.
@kibirigejohn8324
@kibirigejohn8324 2 года назад
Thank you Brad, this was really helpful. May God bless you
@evlo8059
@evlo8059 5 лет назад
Finally actual nmp course, thanks.
@Videosuser
@Videosuser 3 года назад
Thank you so much. I was struggling so much with that.
@ToniLiem
@ToniLiem 7 лет назад
Great video brad. Really appriciate your work.
@emmanuelmonlenyode83
@emmanuelmonlenyode83 5 лет назад
Thanks a lot Brad, this was really confusing to me before.
@terry_swd
@terry_swd 2 года назад
So much useful info - thanks Brad!
Далее
Yarn Package Manager Crash Course
22:43
Просмотров 110 тыс.
Node.js Tutorial for Beginners: Learn Node in 1 Hour
1:18:16
КТО БОИТСЯ КЛОУНОВ?? #shorts
00:20
Просмотров 460 тыс.
Seja Gentil com os Pequenos Animais 😿
00:20
Просмотров 20 млн
Express Crash Course
1:46:11
Просмотров 96 тыс.
NPM (Node Package Manager) - Javascript In Depth
59:35
Sass Crash Course
48:05
Просмотров 402 тыс.
Webpack crash course | easy way
32:07
Просмотров 59 тыс.
Git and GitHub for Beginners - Crash Course
1:08:30
Просмотров 4,2 млн
Maven Tutorial - Crash Course
26:08
Просмотров 171 тыс.
Express JS Crash Course
1:14:01
Просмотров 967 тыс.