Grunt'u kullanmaya başlama

Şu anda web geliştirme hakkında konuştuğumuzda, bizi kodu yaptıktan sonra yürütmemiz gereken çok sayıda göreve ve kullanıyorsak çok daha fazlasına bağımlı olmaya zorlayan faktörler var. JavaScript , çünkü uygulamamızı olabildiğince optimum hale getirmek için ihtiyaç duyduğumuz farklı araçlar var.
İnsana bağlı olan her şey her zaman mükemmel olmama ve hatalardan oluşma eğiliminde olduğundan, her zaman süreçleri olabildiğince temiz oluşturmanın ve otomatikleştirmenin bir yolunu ararız, çünkü hepsini bir araya getirirsek hata yapma olasılığı daha düşüktür. Dikkatimizi bir kez bir şeye veririz ve sonra onun postunu bir makineye bırakırız.

BÜYÜT

İşte burada devreye giriyor HomurtuBu, otomasyon arayışının ve hataların azaltılması ve işgücü tasarrufunun sonucundan başka bir şey değildir. 2012'de oluşturuldu, bugüne kadar popülaritesi artıyor, geliştirme dili olarak JavaScript içeren herhangi bir ortamın neredeyse temel bir unsurudur.
Grunt nedir?Komut satırı veya konsol için bir araçtır JavaScript tekrarlayan ve çok zaman alan görevlerin yürütülmesinden sorumludur, örneğin kodu küçültüp sıkıştırmamız gerekirse JavaScript, bir dosyayı her değiştirdiğimizde, bu iki görevi yerine getirmeliyiz. Homurtu bu otomatik, dosyaları her değiştirdiğimizde Homurtu bu görevlerin yürütülmesinden sorumludur.
Bu tür bir işlevsellik sayesinde Homurtu kalkınma dünyasında, özellikle de gelişimlerini temele oturtanlarda büyük bir kabul gördü. JavaScript gibi ortamlarla Node.js o Birlikte çalışan npm depolarında 2000'den fazla eklentiyle büyük bir topluluğa yol açan CoffeeScript Homurtu.
Günümüzde web uygulamaları yalnızca boyut olarak değil, aynı zamanda karmaşıklık açısından da büyüyor, bu da bizi bir miktar kod geliştirmeye ve kapsamlı inceleme için insan sınırını aşan araçlar oluşturmaya yönlendiriyor, bu nedenle test tabanlı geliştirme ortaya çıkıyor veya TDD, ve aynı şekilde, uygulamamızı optimize etmemize izin veren kodla ilgisi olmayan ek görevler vardır.
Homurtu yaklaşımın ikinci kısmında bize yardımcı olur, görevleri yerine getirmek için yatırım yapmamız gereken süreyi azaltmamızı sağlar ve böylece ilkeye uymamıza yardımcı olur. KURU, kendimizi tekrarlamamak. Bu yüzden kullanmalıyız Homurtu zaman kazanmak ve hata yapma olasılığımızı azaltmak için.
Ne olduğunu ve neden kullanmamız gerektiğini zaten biliyoruz, ancak hala konuşacak biraz daha var. Homurtu, en önemli şeylerden birinin, uygulamamızdaki daha fazla tutarlılıktan geliştirici topluluğuna yaklaşmaya kadar bize ne gibi faydalar sağladığını bilmek olduğunda, faydaları biraz daha ayrıntılı olarak görelim.
YeterlikBazen işleri manuel olarak yapmanın bazı araçları araştırmak ve uygulamak zorunda kalmamızdan bize zaman kazandırdığını düşünüyoruz, ancak haftada veya ayda birikmiş zamanın aşırı hale geldiği ve 4 veya 5 saate kadar kaybedebileceğimiz ortaya çıkıyor. Homurtu bu, görevi otomatikleştirdiğimizde, günün sonunda bu infazları elimizden bıraktığımız için azaltılır.
TutarlılıkBaşta da belirttiğimiz gibi insan hatalara eğilimlidir ve bu nedenle otomatikleştirerek bunları azaltabiliriz, Homurtu Bize her şeyi tam olarak hatasız olduğunu doğruladığımız şekilde yürütme fırsatı verir, böylece insan faktörünü denklemden çıkarır ve görevlerimizi optimize eder.
VerimlilikBir dizi otomatik görev oluşturarak, gerçekten dikkat etmemiz gereken sorunlarla zihnimizin ilgilenmesini sağlayabiliriz ve daha az görev yaparak daha az yorulacağız ve böylece daha etkili olacağız.
ToplumOtomatikleştirilmiş ortamımız için ihtiyacımız olduğunu düşündüğümüz bir şey varsa, kesinlikle vardır ve bu büyük avantajları sayesindedir. Homurtu Birçok kez özgürce ve ücretsiz olarak kullanabileceğimiz güçlü bir eklenti topluluğu oluşturuldu, böylece bizi çok daha fazla iş kurtardı.
Teorik kavramları, avantajlarını, kullanma nedenlerini ve diğer ilginç yönlerini öğrendikten sonra. HomurtuÖğrendiğimiz her şeyi uygulamaya koymanın zamanı geldi, bu yüzden bu harika aracı ortamımıza kurarak başlayalım.
Homurtu Çapraz platformdur, bu nedenle Windows, Mac ve Linux'ta kullanabiliriz, bu eğitim sırasında kurulumu bir ortamda göreceğiz. pencerelerAncak, ilk gereksinim karşılandıktan sonra diğer sistemlerde süreç çok farklı değildir.
Node.js ve paket ve modül yöneticisi npm yüklemeden önce ana gereksinimdir Homurtu, şu anda her iki araç da aynı kurulumda geliyor, bu yüzden sadece kurmamız gerekiyor Node.js Sistemimizde bu işlem çok basittir ve diğer eğitimlerde açıklanmıştır, ancak işletim sistemimiz için nasıl kurulacağını öğrenmek için nodejs.org projesinin resmi web sitesini ziyaret etmeniz yeterlidir.

BÜYÜT

Bir kez indirip sahip olduğumuzda Node.js sistemimizde çalışan bir sonraki adım için hazırız.
kurulumu Homurtu çok basit, aracı alacağız Grunt CLI, yani komut satırı arayüzü, ki bu bize konsolu belirtme yolumuz olarak kullanmamıza izin verecektir. Homurtu tamamlanması gereken görevler. Bunun için kullanacağız npm ve her zaman projenin en son kararlı sürümüne güncellenen depoları.
Bunu yapmak için komut konsolumuzda aşağıdaki talimatı çalıştırmamız yeterlidir:

 npm kurulum -g grunt-cli

Bu eylem, konsolumuzun aşağıdaki ekran görüntüsünde gördüğümüz gibi, zaten kurulu olan aracı bize bırakacaktır.

Gördüğümüz gibi kurulum çok basitti ve sadece birkaç saniye içinde sistemimizi kullanıma hazır hale getiriyor. Homurtu. Şimdi, bağlantı kurmak istediğimiz bir projenin bulunduğu bir klasöre gitmeliyiz. Homurtu ve aşağıdaki talimatı uyguluyoruz:

 npm yükleme homurdanması

Bu bizim dahil etmemizi sağlayacak Homurtu projemizde ve böylece kullanmaya başlayın, bunu yaptığımızda konsolun bize ne söylediğini görelim:

Şimdi bir sonraki adımımız dosyaları oluşturmak paket.json Y Gruntfile.js, her ikisi de ihtiyacımız olan tüm bağımlılıkları karşılayabilmemiz için uygulamamız için hayati önem taşıyor ve ayrıca Homurtu etkili bir şekilde ne yapmalı. Bu dosyalar, bir tür çerçeve oldukları için anahtardır. npm Y Homurtu desteklenecekler, projemizde yoksa aracı kullanmakta sorun yaşayacağız.
İçeriğini oluşturmak için paket.json Bize ilk konfigürasyonu verecek bir komut kullanmamız yeterli, bunun için önce boş bir dosya oluşturmalıyız. paket.jsonolarak yorumlanması için içinde iki parantez {} içermesi çok önemlidir. JSON, ardından konsolumuzda projemizin aynı dizininde aşağıdakileri yürütmeliyiz:

 npm kurulumu -- homurdanmayı kaydet-katkıda bulun-çirkinleştir

Komut konsolunda bize aşağıdaki mesajı verecek olan:

Sonunda dosyamızı görürsek paket.json Aşağıdaki içerikle güncellendiğini göreceğiz:

Şimdi dosyayı oluşturmalıyız Gruntfile.js, bu kim söyleyecek Homurtu hayati bir parçası olması için ortamımızda yürütülmesi gereken her şey, bu dosyanın temel yapısı aşağıdaki gibidir:

 module.exports = function (hırıltı) {// işte görevlerimizin içeriği};

Yorumdan sonra, komutu yürüttüğümüzde yapacak olan farklı zamanlanmış görevlerimizi yerleştirebiliriz. homurtu Bu dosyaya yerleştirdiğimiz tüm talimatlar konsolumuzda yürütülür.
Yeterince içerik gördüğümüz için, otomatik görevlerin oluşturulmasını başka bir zamana bırakacağız, önemli olan bunun olduğunu anlamamızdır. Homurtu, yüklememiz gereken gereksinimler nelerdir ve bize sunduğu her şey.
Bununla bu öğreticiyi sonlandırıyoruz, biraz daha derine inmek istiyorsak, aracın İngilizce olan resmi belgelerine gidebilir ve böylece daha sonra uygulamaya koyabileceğimiz bazı bilgileri ilerletebiliriz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.