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
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 ?
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?
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]`
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
@@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
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!
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!
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.
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 ☺
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.
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.
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.
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😍😍😍😍
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.
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 ..
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.
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
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!!!
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!
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.
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.
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.
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.
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".
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 :)
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?
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?
package-lock.json is automatically generated for any operations where npm modifies either the node_modules tree, or package.json. It describes the exact tree that was generated, such that subsequent installs are able to generate identical trees, regardless of intermediate dependency updates. This file is intended to be committed into source repositories, and serves various purposes: Describe a single representation of a dependency tree such that teammates, deployments, and continuous integration are guaranteed to install exactly the same dependencies. Provide a facility for users to "time-travel" to previous states of node_modules without having to commit the directory itself. Facilitate greater visibility of tree changes through readable source control diffs. Optimize the installation process by allowing npm to skip repeated metadata resolutions for previously-installed packages. As of npm v7, lockfiles include enough information to gain a complete picture of the package tree, reducing the need to read package.json files, and allowing for significant performance improvements.
Guys, you do not need to do --save anymore with NPM 5+
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
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 ?
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?
don't ass your calculator,
don't ass your calculator 1+1,
don't ass your calculator 1+1 = 1...
@@JibinPhiliposeDGameR I agree
You dont need a bootcamp or a paid course ! you only need Brad Traversy to become a web developer
عربي وش
@@davinchi7721 مصرى وش
Definitely correct!
like
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]`
It's 2021 and this npm tutorial video is still good to learn, thankyou bro
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
I think even without --save, it gets us dependencies on our project.
@@shvetal3037 yes it does. It was included in the update after the video was filmed
What is. the difference between saving dependencies on a project, vs saving only for development?
@@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
@@purplepete123 That does make a lot of sense tho, thanks!
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!
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!
yup not bad-at least he referenced the documentation
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!
Learn something new every time. I didn't know how to set the default properties in NPM init
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.
not bad thats for sure
This is the only real NPM tutorial on RUclips, I am watching this on my smart TV using Chromecast ⚘😘
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 ☺
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.
This is the best video for learning NPM, hands down. Absolutely no need for any other npm tutorial when this video exists..
your crash courses are just an awesome way to get familiar with things before diving into detail...thanks a lot🤗
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.
From zero to hero in 42:02 minutes. Thank you!
Maannn you've done tutorials in almost everything for full-stack devs Thanks for everything sir.
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
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.
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😍😍😍😍
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
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.
It is so important that Mean Stack Developers should understand the structure of NPM... Thanks Brad
I have been using NPM for a while but I really don't know some of the points you mentioned. Thanks a lot!
Brad Traversy's videos are all I need in my life.
Thank you so much. You probably explain concepts better than anyone on RUclips.
Didn't know anything, and now i know more than i deserve, thank you very much
it's 2020 and this is still the best tutorial on npm I found
you make youtube great
I wish I had watched this video much easlier ... it is a quick summary all the common commands for npm ... thanks to Brad again!!!!
To open integrated terminal in Visual studio code, you can use shortcut CTRL + ~
Also CTRL + J
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 ..
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.
www.freetutorials.us/
add me let's make web projects
I now will put Brad Traversy as the author in all my conifgs.
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
Lodash and security(helmet etc) in nodejs/express Crash course? Thanks Brad, my Hero!!
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!!!
Wow thanks for all the short cut commands. You really give insights which is really helpful for all the noobs' like me.
One of the best teachers and RUclipsrs
Keep it up 💪
This is the best npm tutorial on RUclips! Thank you!!! ❤❤❤
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!
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.
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 !!
Fantastic series on NPM! Thank you so much
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.
This world needs more people like you! Thank you kind sir!
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.
Now NPM is much clear (in my mind). Thanks Brad
Thank you for making this it really helped me understand how I can leverage npm to my benefit.
Your videos are really good. And much understandable.
Excellent overview of NPM. An essential reference.
Thank you for making this tutorial. Simple and to the point.
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.
If you are like me, searching THE video tutorial for npm. Yes, this is it, watch it.
Let's install and remove gulp a couple hundred times ;)
thanks for the video, it was perfectly easy to follow
this guy is doing just so much good for a lot of people
very nice work, very easy to understand. you are blessed with good teaching skill.
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.
This man is legend when it comes to js
This is great! I am no longer intimidated by NPM
Nice one Brad..Watching your videos is exciting. At least i understand npm better...
The best NPM tutorial on RUclips. Thank you!
npm prune is used to remove all the dependencies in package.json file, very usefull
Nice video brad would love to see an lodash crash course
agree!
Jason Lloyd good idea
+1 for lodash crash course
I totally agree
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.
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".
That was the exact tutorial I needed in my life right now.
Thank you!
Thank you for creating such a useful content for free.
You have got some seriously good presentation skills. Nice.
I learned a lot from this npm crash course. Thanks a lot! Great tutorial!
this is the video i needed but not the video i deserved
Love that you did this video. Thanks, Brad!
Thank you so much for these courses! Easy explanation to understand down to the smallest detail
Huge help, thanks a lot Brad
Thanks Brad, learning a lot from your videos ! Maybe you could show us next time how you go about doing your Cross Browser Testing.
This guy is fantastic!
Thank you Brad, this was really helpful. May God bless you
Great video. I was looking for a npm intro tutorial and this is very well done. Congratulations! Thanks.
Amazing content man. Very easy to follow and understand.
Great tutorial Brad! help a lot in this sometimes difficult journey to become Web Dev!
Love from India. Brad , may God bless you
Very good course. I was lost with npm util I found your explanations. Thanks
U r hero of programing eductions
I like it before even watching ! you never disappoint
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 :)
Thanks a lot Brad, this was really confusing to me before.
You rock man! This is exactly what I needed, just bought your Angular course, looking forward to that one too!
Can you make a video on how to use the recaptcha v2 to validate a form etc?
Finally actual nmp course, thanks.
Man, this was needed so much!!
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?
Thanks for sharing your knowledge. I really enjoy all your content. Extremely well explained and informative.
very good video, had to read some stuff that has been uptaded, but the base of it is optimal
Thank you very much. I have learned a lot abt npm by this video.
The best npm tutorial ever!
Thank you, I'm new to npm and this helped a lot.
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?
Thanks Brad. I bumped into npm and wanted to quit. Now I can continue!
Thank you so much. I was struggling so much with that.
Thanks Brad Traversy for tutorial.. it helped me alot .
why I have this file and what is that package-lock.json
me too, confused.
package-lock.json is automatically generated for any operations where npm modifies either the node_modules tree, or package.json. It describes the exact tree that was generated, such that subsequent installs are able to generate identical trees, regardless of intermediate dependency updates.
This file is intended to be committed into source repositories, and serves various purposes:
Describe a single representation of a dependency tree such that teammates, deployments, and continuous integration are guaranteed to install exactly the same dependencies.
Provide a facility for users to "time-travel" to previous states of node_modules without having to commit the directory itself.
Facilitate greater visibility of tree changes through readable source control diffs.
Optimize the installation process by allowing npm to skip repeated metadata resolutions for previously-installed packages.
As of npm v7, lockfiles include enough information to gain a complete picture of the package tree, reducing the need to read package.json files, and allowing for significant performance improvements.