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

Gulp is a Node.js package that acts as a plugin to automate all kinds of web development workflow tasks. According to the official gulp website<\/a>:<\/p>\n

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.<\/p><\/blockquote>\n

To install Gulp, we need to install it globally (so that the command line will know what we mean when we type ‘gulp’ outside of any projects) and locally for specific projects.<\/p>\n

Install Gulp globally<\/strong><\/p>\n

In the bash window, type:<\/p>\n

npm install gulp-cli --global<\/pre>\n
\"\"<\/p>\n
Notice that this created a gulp.js file on my system in the same path that npm was installed.<\/p>\n
To check that the installation was successful, type this command:<\/p>\n
gulp<\/pre>\n
We should see the message “No gulpfile found”.<\/p>\n
\"\"<\/p>\n
Install Gulp to a project
\n<\/strong><\/p>\n
To use gulp in a project, we need to have gulp listed in our package.json file. To do this, fisrs cd to the project root location and then type the following in the bash command window:<\/p>\n
npm install gulp --save-dev<\/pre>\n
What this does is place gulp into the devDependencies section of the package.json file. For example:<\/p>\n
{\r\n  \"name\": \"travel-site\",\r\n  \"version\": \"1.0.0\",\r\n  \"dependencies\": {\r\n    \"jquery\": \"3.2.1\",\r\n  },\r\n  \"devDependencies\": {\r\n    \"gulp\": \"3.9.1\",\r\n  }\r\n}<\/pre>\n
We can check the version number to ensure that it was installed:<\/p>\n
gulp -v<\/pre>\n
\"\"<\/p>\n
With that confirmation, gulp is ready to be used in web development projects!<\/p>\n
The official gulp website is here:
\nhttps:\/\/gulpjs.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Gulp is a Node.js package that acts as a plugin to automate all kinds of web development workflow tasks. According to the official gulp website: gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something. To install Gulp, we need to install … Continue reading JavaScript: How to install Gulp via NPM<\/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":[92,45,91],"class_list":["post-1329","post","type-post","status-publish","format-standard","hentry","category-javascript-language","tag-gulp","tag-javascript","tag-npm"],"_links":{"self":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1329","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=1329"}],"version-history":[{"count":4,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1329\/revisions"}],"predecessor-version":[{"id":1336,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/posts\/1329\/revisions\/1336"}],"wp:attachment":[{"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/media?parent=1329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/categories?post=1329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bluegalaxy.info\/codewalk\/wp-json\/wp\/v2\/tags?post=1329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}