Ön geliştirmede npm, grunt vb. Kullanımı nedir?

Question

Ön geliştirmede npm, grunt vb. Nelerin tam olarak kullanıldığını bilmek ister misiniz? Neden ve nasıl kullanılır?

Answer 1

NPM bir Düğüm Paket Yöneticisi'dir; bunu, CL (komut satırı) kullanarak tek bir komutla sizin için çok sayıda yüklemeyi otomatikleştirmenin bir yolu olarak düşünebilirsiniz. Aksi taktirde, tüm betikleri manuel olarak yüklemek zorunda kalacaksınız, ki bu genellikle oldukça dağınıktır, çünkü bunlar genellikle oyun ya da standart program kurulumları gibi kullanıcı dostu değildir.

Grunt/Gulp/Brokoli/etc. - Kendimi kullanmıyorken, duyduğumdan ve okuduğumdan: Çok sayıda görevi otomatikleştirmenize yardımcı olabilecek bir araç, normalde el ile yapmak zorunda kalacaksınız. Herhangi bir CSS/HTML/JS önişlemcisini derleme, farklı dosyaları tek bir dosyada bir araya getirme, dosyalardaki değişiklikleri otomatik olarak bir sunucuya vb. Temel olarak sıradan ve sıkıcı görevleri otomatikleştirmenize yardımcı olacak şekilde yapılandırılabilir bir araçtır.

Answer 2

Aslında, NPM, Gulp ve Grunt gibi birçok yazılım paketini indirmenize izin veren bir paket yöneticisidir, ancak komut satırı ile Bootstrap vb. Bunun için node.js dosyasını yüklemelisiniz. Bunu bir ön geliştirici olarak kullanmanıza gerek yok, ancak yazılımı daha çok zamana göre manuel olarak kurmaktan çok daha kolay bir şekilde kuracak. popüler modüllerin için NPM

https://www.npmjs.com/browse/star için

• https://docs.npmjs.com/getting-started/what-is-npm böyle Grunt ve Gulp çoğunlukla size zaman kazandırır ve seni tanır Sass ve AZ, CSS preprocessors derleme ile ön uç geliştiriciler yardımcı olacaktır

Yazılım CSS'nizde daha fazla işleve sahip olmak. Grunt, Gulp vb komut satırında çalışır ve dosyalarınızı düzenlemeyi kolaylaştırır. Örneğin, kendimi SASS ile birlikte Gulp kullanıyorum. SASS CSS derlemesi gerektiğinden, SASS: Watch eklentisi kod editörümdeki kayıt düğmesine bastığımda SASS dosyamı otomatik olarak bir CSS dosyasına derleyen bir komut kurdum.

SASS'ı ve bu nedenle Gulp veya Grunt'ı kullanmanız önerilir.

• http://sass-lang.com/documentation/file.SASS_REFERENCE.html SUKDÖ'nün belgeleri gulp için
• http://gulpjs.com/ Gulp belgeleri
• http://gulpjs.com/plugins/ eklentileri