Things Every Developer Should Know About package.json

This tutorial explains how you can configure your package.json file and the npm config settings to properly manage your project.
How to run npm scripts and pass arguments from the command line is also discussed.
Repo from video including scripts - bitbucket.org/prof3ssorSt3v3/...

[@vijaykumarreddyalavala3713]

I started watching this video with the intention of understanding the difference between package.json and package-lock.json but learnt a lot more than that. Thank you so much.

[@djlee0721]

This kind of stuff is just eye opening.. Thank you so much!

[@paulosimoes1891]

Great videos Steve, i'm addicted to your channel! Thanks!

[@jeanmarcpourchel307]

...and as always, thanks for sharing and teaching !

[@chrsbll]

Great advice, excellent video.

[@finnleyfoxx6665]

My dude! This was extremely well explained. Thankyou! Liked & Subbed

[@beuguebaye4864]

Great video. I always automatically click on notification to watch your video. Thanks for sharing

[@sp00fify]

you can also get variables like this: npm run task --var=data console.log(process.env.npm_config_var); // data

[@SteveGriffith-Prof3ssorSt3v3]

Thanks for adding that note.

[@ankamsarav]

Thanks for the detailed explanation. Your tuts are always an eye opener.

[@yitzchaksviridyuk932]

Thanks a lot. Great video!

[@vaclavvlcek4527]

Thank you Steve for all your videos that you are doing. It helped me really much to understand lot of thing in JS. However, here I guess you omit the most import thing and it is talking about dependencies and packages itself :) You call this video "Things Every Developer Should Know About package.json", but I am not sure if the git command saved in the script is the most important think :)

[@SteveGriffith-Prof3ssorSt3v3]

I have other videos about git and dependencies etc. This video is a collection of things that many people are missing after they learn about git and npm basics,

[@gcristian1417]

Thank you very much!!!!! Keep going! :D

[@adrishkumarde4155]

Thanks for the explanation

[@_ademmeral]

awesome tutor👏👍

[@barungh]

lately syntax has changed a little, now it is like this:- npm config set init-license="MIT" npm config set init-author-name="Steve Griffith"

[@Nishant__29]

good work sir

[@DarkLife-vhd4]

Love it

[@meowlol1837]

Thank You !!!!!!

[@sebastianfarias5670]

Great video !!! Thank you :) +1 sub !!!!

[@autobochi5229]

your video is good, your voice is super Good, and your Name is extra super Good, and your Teaching is Mega fiber Goood

[@Mandeepsingh-jo5cf]

Thanks

[@testtai9160]

@stevegriffith What happens when you also have -- inside the script? For example, "gitty": "node g.js -- ..."?

[@SteveGriffith-Prof3ssorSt3v3]

The double -- are for npm commands. You could use it with an npm command inside the script. The value is then going to be hard coded in the script and be the save every time.

[@adicide9070]

very cool.

[@daegudude1048]

Thanks for the quality info :) Idk if you could find this helpful, but you can ctrl+l to clear the console instead of running 'clear'

[@SteveGriffith-Prof3ssorSt3v3]

Yep. But my students can see me type clear

[@daegudude1048]

@@SteveGriffith-Prof3ssorSt3v3 Ahh That's right :) My bad! Anyway thanks for the always good quality videos, I really enjoyed the pubsub pattern you uploaded :)

[@lerneninverschiedenenforme7513]

I missed the part where you explain how to make the `scripts` (like "steve") dependent on each other. E.g. how would you make the gitty command run everytime after/prior building

[@SteveGriffith-Prof3ssorSt3v3]

Here you go - kzbin.info/www/bejne/oajRaKd-f6-igqM

[@lerneninverschiedenenforme7513]

@@SteveGriffith-Prof3ssorSt3v3 Thank you! Very helpful!

[@dndfan3000]

You mind doing a video about static-link ?

[@snehashischattopadhyay9519]

process.argv is it inbuilt method to catch any arguments passed from command line?

[@SteveGriffith-Prof3ssorSt3v3]

Yes. nodejs.org/docs/latest/api/process.html#process_process_argv

[@argl1995]

Hey Steve, can you please tell how to add comments in package.json file if needed and what's the best way of doing that. I need to know if both single-line and multiline comments can work in package.json file or not

[@SteveGriffith-Prof3ssorSt3v3]

You cant add comments in JSON files

[@argl1995]

@@SteveGriffith-Prof3ssorSt3v3 thanks for clarifying Steve as I was going through some stackoverflow links but couldn't make out.

[@PhongNguyen-tp7lg]

nice bro! im newbie to npm. just want to know that we can change Script Object's keyword to a whatever string we want to tell npm to run the script or is it fixed? btw, really like your voice / english accent. Where do you come from? ^^ subscribed!

[@SteveGriffith-Prof3ssorSt3v3]

You can name the scripts anything you want as long as they are inside "scripts" I'm from Canada.

[@PhongNguyen-tp7lg]

@@SteveGriffith-Prof3ssorSt3v3 thanks Steve. Im newbie to TS too & still strugling how to use the .d.ts file. Im really confused on some points: 1. When to use import/export & when to use ///

[@SteveGriffith-Prof3ssorSt3v3]

@@PhongNguyen-tp7lg This tutorial is about package.json and has nothing to do with Typescript. I have not made any Typescript tutorials.

[@PhongNguyen-tp7lg]

@@SteveGriffith-Prof3ssorSt3v3 haha my mistake, Ive watched so many videos for a clear exlaination ^^

[@mohamedyoussef8835]

Awesome ++++++++++++

[@Colstonewall]

The Gandalf of Javascript! Awesome vid, Steve. How bout one on package.json (common) scripts?

[@SteveGriffith-Prof3ssorSt3v3]

Please add that to my tutorial request video comments to remind me. - kzbin.info/www/bejne/gnTIq5SuZ9qBacU

[@eagillum]

Hi Steve, how can I add type:module to the package? Like where does it go?

[@SteveGriffith-Prof3ssorSt3v3]

It is a top-level property just like "name". "type": "module" can go anywhere at the same level as "name".

[@arvindersingh9863]

Sir, i wanna know what is package-lock.json then?

[@SteveGriffith-Prof3ssorSt3v3]

In package.json we provide ranges for versions of dependencies. package-lock.json records the exact version that is currently installed.

[@oleksiimarchenko3470]

Great lesson! The best, probably even the only relevant video I could find on the topic. It would be great if you proceeded with more examples of real life custom scripts.

[@SteveGriffith-Prof3ssorSt3v3]

I've got lots of those on my channel. :)

[@thayyrodriguez4741]

I'm just starting with node.js and after setting the scripts I keep getting " npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead. " before it prints what I needed.

[@SteveGriffith-Prof3ssorSt3v3]

Are you putting the flags "--global" or "--local" in your command to run a script?

[@r0x304]

npm init -y works too

[@SteveGriffith-Prof3ssorSt3v3]

yep. and npm init --yes

[@BitYoungjae]

와... npm init 으로 이런 것 까지 할 수 있구나..

[@SteveGriffith-Prof3ssorSt3v3]

예 :)

[@user-tq5dq3ko7c]

im obviously missing somthing key here but when I delete and then run npm init --y I get hundreds of lines of json back, why would this be?

[@SteveGriffith-Prof3ssorSt3v3]

When the npm init command runs it is supposed to create the package.json file and it writes out the content of that file. The content of the file is based on the global settings that have been set. If you have lots of settings it will write all those out.

[@classicguy7813]

Sir, Great, sir you are! Can we implement these goodies for JS, for TypeScript you Greatio Sir in an extended G-Ratio! Gravitio! Gracias

[@classicguy7813]

Sorry for my royal English though

[@SteveGriffith-Prof3ssorSt3v3]

The package.json file relates to NPM more than the language(s) you are using in your projects. Not sure what you are looking to do with TypeScript.

[@alimansourey2076]

pretty advanced for me now..

[@SteveGriffith-Prof3ssorSt3v3]

In a few months it won't be.

[@juancamacho479]

me: thank you so much! this is just what I needed. weebs: your voice turns me on senpai...

[@Naz-yi9bs]

My question/comment keeps getting deleted I don't know why. I'll try again, I am still confused as to the overall purpose of this file, who is the ultimate recipient of the file? Does NPM need this file and the info that it contains to make sure the stuff it downloads runs/updates smoothly, or, is the receipt suppose to be the programmer/Github user who needs that dependency information? In regards to the "sc....s" ( I think this word is why my comment keeps getting deleted) section in that file, that runs other commonly used "sc....s" by you, why not just use "b.t" files (the middle letter is a) - sorry, I think this is another word that keeps getting my comments deleted.

[@SteveGriffith-Prof3ssorSt3v3]

The package.json file is the settings file for a project controlled by npm or yarn. It includes information about the author, project name and versioning info, any connected repos, scripts for build and deploy, plus dependencies and dev dependencies. When you install an npm module into your project this file keeps track of that and its version. It is a record for the developer of critical information about the project. For anyone who clones the project on a new computer, they can run `npm install` and it will read this file and know what dependencies to install. If you want, you can have your npm scripts run other things like batch files or shell scripts or terminal commands.

[@Naz-yi9bs]

@@SteveGriffith-Prof3ssorSt3v3 Thank you for rewording the information in the video, plus adding additional detail. I understand the purpose and significance of the file now.

[@frederichermandsen3024]

Your voice is like dark chocolate

[@dCoder92]

Was hoping for some words to package-lock.json

[@SteveGriffith-Prof3ssorSt3v3]

The lock file is just an automatically generated file that holds the specific version of installed dependencies.

[@satyampandey5584]

Bhai kya kar rha hai tu!!