{"id":1295,"date":"2018-01-08T19:05:41","date_gmt":"2018-01-09T00:05:41","guid":{"rendered":"http:\/\/bluegalaxy.info\/codewalk\/?p=1295"},"modified":"2018-01-08T19:05:41","modified_gmt":"2018-01-09T00:05:41","slug":"javascript-use-npm-install-packages","status":"publish","type":"post","link":"https:\/\/bluegalaxy.info\/codewalk\/2018\/01\/08\/javascript-use-npm-install-packages\/","title":{"rendered":"JavaScript: How to use NPM to install packages"},"content":{"rendered":"

NPM or “npm” stands for Node Package Manager. It is the default package manager for the JavaScript runtime environment Node.js. The NPM program is installed on your computer when you install Node.js. The website npmjs.com<\/a> contains hundreds of thousands of free open source code packages that can be downloaded and used via npm.<\/p>\n

Downloading Individual Packages<\/strong><\/p>\n

Individual Node.js packages can be downloaded for use as modules in your projects by typing the npm install<\/code> command in your command window. First you cd to the current project directory. For example:<\/p>\n

cd C:\\Users\\christon\\Desktop\\Projects\\travel-site<\/pre>\n
Then type npm install<\/code> and the name of the module you want to use. For example, jquery:<\/p>\n
npm install jquery<\/pre>\n
\"\"<\/p>\n
When npm installs a package, it creates a folder in your project called “node_modules” and inside this folder there is another folder with the name of the package that was installed. For example:<\/p>\n
\"\"<\/p>\n
From the npmjs.com website:<\/p>\n
\"\"<\/p>\n
npm init creates package.json<\/strong><\/p>\n
The package.json file tells Node.js which modules or packages are installed for your project. This doesn’t have to be created manually. The command npm init<\/code> will generate this file automatically for you. First cd to the project folder, then run this command:<\/p>\n
npm init<\/pre>\n
\"\"<\/p>\n
Then click enter a few more times and you should see this confirmation screen:<\/p>\n
\"\"<\/p>\n
When this step is complete, there is a package.json file in the project folder.<\/p>\n
\"\"<\/p>\n
Note: In the previous example I used the command npm install jquery --save<\/code>. The –save option instructs npm to include the package inside of the dependencies section of your package.json file automatically (which saves the extra step of doing this manually). As of npm 5.0.0, installed modules are added to the package.json file as a dependency by default, so the –save option is no longer needed. This of course happens only if a package.json file already exists in your project folder.<\/p>\n
\"\"<\/p>\n
Use package.json to install list of packages
\n<\/strong><\/p>\n
Let’s say there are a couple of packages listed in your package.json file that were added by a combination of using npm init<\/code> and npm install<\/code>. There is another way to use the package.json file that is very handy. If you want to work on a new project and don’t have any of the modules installed yet, you can get a pre-defined package.json file and use that to install all of the modules you need. Just place the pre-defined package.json file into your project folder, (overwriting the previous version if necessary), and run npm install<\/code> with no package specified. If no package is specified, npm will open the package.json and install all of the modules it finds listed there.<\/p>\n
For more about using NPM, see:
\nhttps:\/\/www.npmjs.com\/<\/a>
\nhttps:\/\/www.w3schools.com\/nodejs\/nodejs_npm.asp<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
NPM or “npm” stands for Node Package Manager. It is the default package manager for the JavaScript runtime environment Node.js. The NPM program is installed on your computer when you install Node.js. The website npmjs.com contains hundreds of thousands of free open source code packages that can be downloaded and used via npm. Downloading Individual … Continue reading JavaScript: How to use NPM to install packages<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44],"tags":[45,58,91],"class_list":["post-1295","post","type-post","status-publish","format-standard","hentry","category-javascript-language","tag-javascript","tag-node-js","tag-npm"],"_links":{"self":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1295","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/comments?post=1295"}],"version-history":[{"count":17,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1295\/revisions"}],"predecessor-version":[{"id":1321,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1295\/revisions\/1321"}],"wp:attachment":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/media?parent=1295"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/categories?post=1295"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/tags?post=1295"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}