# Gulp để viết Sass && cai dat

Bước  1:\
Cài đặt Node JS

Bước 2:\
npm init\
npm install\
Bước 3:\
Cài đặt Gulp Global\
npm install --global gulp-cli\
sudo npm install gulp -g\
Bước 4: \
Tao file Gulpfile.js

```
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
    return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('app/css'));
    // return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('./'));
});
```

Bước 5:\
Tạo file style.scss

```
.titleallcourse {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 10px;
  &:after {
    content: "";
    position: absolute;
    background-color: #b82929;
    width: 80px;
    height: 1px;
    bottom: 0;
    left: 0;
  }
}
.wrappermb {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: none;
  &.active {
    display: block;
  }
}
```

{% file src="<https://1655165672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LsqgAqbSGjkO0e50FMT%2F-LsqgFHpIc0KogDcZNoc%2F-LsqgTzt01ynA8X9_Jh8%2FGulp.rar?alt=media&token=4e04ecd6-11bb-4236-a3b7-f7e73075287d>" %}