Skip to content

Instantly share code, notes, and snippets.

@princeppy
Last active July 18, 2017 23:26
Show Gist options
  • Save princeppy/4153fdeffc288b740ffcc8b78c445fe3 to your computer and use it in GitHub Desktop.
Save princeppy/4153fdeffc288b740ffcc8b78c445fe3 to your computer and use it in GitHub Desktop.
How to update npm, bower and gulp

Awesome Libraries

    • Gulp: The Gulp tool. gulp
    • Gulp Load Plugins: Automatically Load Gulp Plugins with gulp-load-plugins gulp-load-plugins
    • Gulp Concat: A package for concatenating files in Gulp gulp-concat
    • Gulp Clean CSS: A package for minifying CSS files in Gulp -clean-css
    • Gulp Uglify: A package for minifying JS files in Gulp lify
    • Gulp Filter: Enables you to work on a subset of the original files by filtering them using glob patterns gulp-filter
    • Gulp Bower: A package used to install Bower packagesin Gulp gulp-bower
    • Gulp Rename: A package for simple file renaming in Gulp gulp-rename
    • Live Server: Simple HTTP Server for testing our web app live-server
    • Main Bower Files : main-bower-files

npm install --save-dev gulp gulp-cli
npm install http-server -g
npm install --save-dev gulp gulp-deporder gulp-concat gulp-strip-debug gulp-filter gulp-inject gulp-order gulp-load-plugins gulp-util wiredep gulp-bower main-bower-files gulp-rename yargs gulp-task-listing gulp-if gulp-using gulp-plumber gulp-nodemon
npm install --save-dev gulp-autoprefixer gulp-bump gulp-header gulp-imagemin gulp-jscs gulp-jshint gulp-less gulp-minify-css gulp-minify-html gulp-sourcemaps gulp-uglify gulp-useref gulp-clean-css live-server browser-sync ele gulp-sass 
bower install --save angular-material angular angular-animate angular-aria angular-messages underscore moment photoswipe font-awesome animate.css

For Mac & Linux

mkdir -p src/{html,images,js,scss} build/{html,images,js,css}

For Windows

mkdir src\html && mkdir src\images && mkdir src\js && mkdir src\scss && mkdir build\html && mkdir build\images && mkdir build\js && mkdir build\css

Good links

Main Packages

  • node/node.js
  • nvm is a nodejs version manager
  • npm is a package manager

simply put 'npm depends on node/node.js. nvm installs node/node.js'

Find Package version

  • Displays the current running version of nvm for Windows. : nvm version or nvm v
  • Displays the current running version of npm for Windows. : npm --version or node -v
  • Displays the current running version of node for Windows. : node --version or node -v
nvm version && node --version && npm --version

Upgrading of Package

Set-ExecutionPolicy Unrestricted -Scope CurrentUser -Force
npm install -g npm-windows-upgrade
npm-windows-upgrade

Notes

  • npm-check : Check for outdated, incorrect, and unused dependencies. To install execute npm install -g npm-check and to use npm-check on the folder where 'package.json' avaliable
  • [npm-check-updates] (https://github.com/tjunnone/npm-check-updates) : npm-check-updates is a command-line tool that allows you to upgrade your package.json or bower.json dependencies to the latest versions, regardless of existing version constraints.. To install execute npm install -g npm-check-updates and to use ncu on the folder where 'package.json' avaliable
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment