Proyekti clone edtdikden sonra terminalı proyekt içinde açıb sırası ile aşağıdakı komandaları yazmaq lazımdır (node, bower ve gulp pc de yüklü deyilse ilk olaraq bu üçü yüklenmelidir)
npm installbower installgulpDevelopment terefinde bütün deyişiklikler /src klasörü içerisinde olunur gulp ile compile edilerek /build klasörüne atılır. Back-end developera sadece /build klasörü içerisindekiler lazımdır
Gulp'da görülen işler
-SASS kompile edilir
-autoprefixer ile prefixler elave olunur
-fileinclude ile header ile footer kimi bütün seyfede olan layoutları import edirik
-minify ile js dosyasını minify edirik
-cleanCSS ile css dosyalarını minify edirik
-rename ile minify edilen css dosyasının sonuna .min elave ederek adın deyişirik
-concat ile js/main klasörü içinde yazdığımız ferqli .js dosyalarını birleşdirib main.js dosyasına atırıq
Sass dosyaları /src klasörü altındaki /css klasörü içerisindedi bütün css deyişiklikleri burda olunacaq daha rahat başa düşülmesi üçün SMACSS standartı ile klasörler yaradılıb hansı klasörde ne olduğu aşağıdadı
mixinler ve variable lar tutulur
bu klasörde temel bezi css dosyaları olur fontlar ucun css bu klasörde olur
Bu klasörde saytın birçox yerinde istifade olan elementler olur modal kimi pagination kimi komponentler yazıb her yerde rahatlıqla işledirik
Burda footer header navigation kimi layoutları tuturuq
Bu klasörde de her seyfeye aid bir css dosyası oluşdururuq her seyfeye aid css deyişikliklerini burda eleyirk
package.json dosyasında development üçün hansı paketlerin qurulduğu var
Saytta istifade olunan bütün freamwork ve pluginler bower ile qurulub neler yüklendiyini bower.json dosyasına baxaraq göre bilersiz. Bower ile yüklenen paketler /lib klasörüne düşür biz sayt içinde bu /lib klasöründen çağırırıq
bütün css class adları BEM standardına uyğun olaraq verilib
Startere livereload elave edilib ctrl + s etdiyiniz anda avtomatik olaraq starter ozu deyisikliy olunan fayllari yenilecey ve butun dosyalariniz yenilenecey bununlada sizin bowserde refresh etmeyinze ehtiyac qalmayacaq
Bezen sekillerin resize olunması cox vaxt apara bilər bele olduqda gulpfile.js icersinde imageCompile() funksiyasının icində .pipe(imagemin({use: [imageminMozjpeg()] })) deaktiv etməy lazimıdir butun proyekti bitirdiyden sonra bunu aktiv edə bilərsiniz resize olunmuş şəkillər build img klasörüne əlavə ediləcəy