Blank Project

gulp.txt

https://www.youtube.com/playlist?list=PLY4rE9dstrJwXCz1utct9b6Vub9VWQoKo
 
growl for windows
 
For gulp:
	- gulp
	- gulp-connect
	- opn
	- wiredep
 
	- gulp-concat-css
	- gulp-strip-css-comments
	- gulp-autoprefixer
	- gulp-minify-css
	- gulp-uncss
	
	- gulp-sass
	- gulp-less
	
	
	- gulp-clean
	- gulp-replace
	- gulp-rename
	- gulp-notify
 
	- gulp-rev
	- gulp-rev-collector
	- gulp-rev-outdated
	- gulp-rev-append
 
	- gulp-useref
	- gulp-if
	- gulp-uglify
	- gulp-sftp

project.txt

mkdir app app/images app/css app/js
touch app/index.html app/css/main.css app/js/main.js bower.json package.json .bowerrc .gitignore gulpfile.js


bower.json:

{
    "name" : "new-project"
}


.bowerrc:

{
    "directory" : "app/bower"
}

package.json:

{
    
}


npm i --save-dev gulp gulp-connect opn


.gitignore:

.idea
node_modules
app/bower


gulpfile.js:

var gulp = require("gulp"),
    connect = require("gulp-connect"),
    opn = require("opn");

//launching local server
gulp.task('connect', function() {
    connect.server({
        root: 'app',
        livereload: true,
        port: 8889
    });
    opn('http://localhost:8889/');
});

gulp.task('html', function () {
    gulp.src('./app/*.html')
        .pipe(connect.reload());
});

gulp.task('css', function () {
    gulp.src('./app/css/*.css')
        .pipe(connect.reload());
});

gulp.task('js', function () {
    gulp.src('./app/js/*.js')
        .pipe(connect.reload());
});

//tracking changes
gulp.task('watch', function () {
    gulp.watch(['./app/*.html'], ['html']);
    gulp.watch(['./app/css/*.css'], ['css']);
    gulp.watch(['./app/js/*.js'], ['js']);
});

gulp.task('default', ['connect', 'watch']);


touch README.md:

> My Project

How to install it?

1. git clone https://github.com/mike-gusiev/dz-port
2. npm i
3. bower i
4. gulp