Neşeli Tema, SCSS'nin gücüyle birlikte gelir. Css dosyaları, aşağıdaki adımları izleyerek scss'den oluşturulabilir:
- Gulp
Gulp bir JavaScipt akış görevi çalıştırıcısıdır. Birçok geliştirme görevini otomatikleştirir. Gulp kullanarak yerel bir sunucuyu çalıştırmak, kodu küçültmek, derlemek, Tarayıcı senkronizasyonu, görüntüleri optimize etmek vb. gibi görevleri gerçekleştirebilirsiniz. gulp Bu da yapı akışında tam otomasyona olanak tanır.
Bunun hakkında daha fazla okuyabilirsiniz buradan.
Önkoşullar
Tüm önkoşulları yüklemek ve ayarlamak için lütfen aşağıdaki adımları izleyin:
- Nodejs
yüklü olduğundan emin olun Node.js kurulu
& bilgisayarınızda çalışıyor. Bilgisayarınıza nodejs'i zaten yüklediyseniz, bu adımı atlayabilirsiniz,
aksi takdirde bilgisayarınıza nodejs yükleyin,
Note : Node JS'nin en son sürümünü kullanıyorsanız veya en son sürümü kurup kullanmak istiyorsanız, buraya tıklayın ve aşağıda komut isteminde verilen tüm bağımlılıkları manuel olarak yükleyin.
- Gulp
kurulu olduğundan emin olun Gulp yükleyin &
bilgisayarınızda çalışıyor. Eğer gulp'i bilgisayarınıza zaten yüklediyseniz bu adımı atlayabilirsiniz.
Kurulum için komutu çalıştırmanız yeterli npm install -g gulp
terminalinizden.
Kurulumu tamamlandıktan sonra. açık gulpfile.js Ve komut satırınıza "gulp değişkenleri bildirimi"ni yükleyin. Kurulum için komutu çalıştırmanız yeterli
npm install gulp,
npm install gulp-sass,
npm install gulp-postcss,
npm install autoprefixer,
npm install gulp-sourcemaps,
npm install browser-sync,
npm install gulp-cssbeautify,
npm install gulp-beautify terminalinizden.
Yukarıdaki tüm önkoşulların bilgisayarınızda kurulu & çalışır durumda olduğundan emin olun. bundan sonra komut istemini çalıştırın. Şablonunuz için daha fazla değişken yüklemek istiyorsanız değişkenleri gulpfile.js bundan sonra komut istemini çalıştırın.
Kurulum
Kurulum için aşağıda belirtilen adımları izleyin::
- Önkoşulları yükleyin
Yukarıdaki tüm önkoşulların bilgisayarınızda kurulu & çalışır durumda olduğundan emin olun.
- Dependencies yükleyin
Terminalinizi açın, klasörünüze gidin ve komutu girin npm install. Bu
gerekli tüm bağımlılıkları yüklerdim node_modules dosya.
Yukarıdaki adımları tamamladıktan sonra, projeyi yerel olarak çalıştırmak veya üretimde kullanmak üzere derlemek için projenin kök dizininden ( Hostma/HTML ) terminal/komut isteminde aşağıdaki komutları çalıştırabilirsiniz:
gulp
Note:-
lütfen gulp görevlerini çalıştırmak için gereken tüm düğüm modüllerini yüklediğinizden emin olun .