Last active
March 7, 2018 12:13
-
-
Save dmitryzatsepin/e6edd5c73b02bff79dd3a8ab8e7797c2 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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