Skip to content

Instantly share code, notes, and snippets.

@dmitryzatsepin
Last active March 7, 2018 12:13
Show Gist options
  • Save dmitryzatsepin/e6edd5c73b02bff79dd3a8ab8e7797c2 to your computer and use it in GitHub Desktop.
Save dmitryzatsepin/e6edd5c73b02bff79dd3a8ab8e7797c2 to your computer and use it in GitHub Desktop.
Install Node.js
Install check update: npm i -g npm-check-updates
Install gulp globally: npm i gulp -g
Install gulp in project folder: npm i gulp
Create gulp project (initialize): npm init
Fill the data (package.json appear in the project folder)
Install gulp with save dev (save package and version in package.json): npm i gulp --save-dev (folder 'node modules' appear in project folder)
Making catalogue structure (app, dist)
Filling app folder (css, fons, img, js, sass, libs)
Create 'index.html' in app
Create 'gulpfile.js' in project folder
Fillihg gulpfile.js: var gulp = require('gulp');
Making tasks (see example):
===========
gulp.task('mytask', function() {
return gulp.src('source-files') //taking file
.pipe(plugin()) //make somethimg
.pipe(gulp.dest('folder')) //exit the result
});
===========
Plugin install example: npm i gulp-sass --save-dev
Include installed package in 'gulpfile.js': var sass = require('gulp-sass')
launch task: gulp 'task name'
Install BrowserSync: npm i browser-sync --save-dev
Install Bower: npm i -g bower (always globally)
Install JS: bower i jquery magnific-popup
Install packages: npm i gulp-concat gulp-uglifyjs
Install packages: npm i gulp-cssnano gulp-rename --save-dev
Install packages: npm i del
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment