Ставим ноду LTS.
Перегружаемся, чтобы path подсосался.
node- v
npm -v
npm install --global gulp
//ставит гулп глобально на всякий случай.
Делаем папку проекта project.
./src/sass — сюда кладем сырцы
./src — сюда будут сыпаться вывод, создать файл main.css/
cd project
npm istall gulp -save-dev
появится папка node_modules и файл package-lock.json — список установленных модулей.
//стами доп модули
npm istall gulp-sass -save-dev
npm istall gulp-sourcemaps -save-dev
npm istall gulp-concat -save-dev
Создаем файл gulpfile.js
var config = {
srcDir: './src',
sassPattern: 'sass/**/*.scss'};
var gulp = require('gulp'),
sass = require('gulp-sass'),
sourcemaps = require('gulp-sourcemaps'),
concat = require('gulp-concat'),
cleanCSS = require('gulp-clean-css');gulp.task('sass', function () {
return gulp.src([config.srcDir+'/sass/libs.scss', config.srcDir+'/sass/style.scss', config.srcDir+'/sass/responsive.scss'])
.pipe(sourcemaps.init())
.pipe(sass().on('error', sass.logError))
.pipe(concat('main.css'))
//.pipe(cleanCSS())
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./src'));});
gulp.task('watch', function () {
gulp.watch(config.srcDir+'/'+config.sassPattern, ['sass'])});
gulp.task('default', ['sass', 'watch']);
Пишем gulp он запустит скрипт и будет в потоке мониторить измения.
//чтобы css выводилось не плотно отключить поток cleanCSS
Gulp позволяет еще много всякого автоматизировать, нужно изучать. Для SublimeText.
Ctrl+Shift+p — Package control
Emmet, sass, autofilenem, huyaku и др.
Можно добавить javascript, ftp, git и проч. Ставим Git в Sublime через PakageControl
Ставим GitGutter, чтобы видеть изменения.
Затем делаем команду git init — активируется локальный репозиторий гит.
Делаем Git add — добваляем файл.
Делаем Git commit — коммитим в локальную базу.
Затем делаем GIT:GUI. Откроется GUI, в ней добавляем удаленный репозиторий из гитхаб.
Или из командной строки:
git remote add origin htpps://yourusername/yourrepository.git
Затем в Sublime делаем Git: Custom Command
И делаем
push --set-upstream origin master
Все теперь при имполнении команды Git:Push, все уходит.
Альтернативы: VIM, notepad++ — есть emmet.