2015-03-14 18 views
9

Web geliştirme için en yeni teknolojileri öğrenmeye çalışıyorum. Zaten HTML, JS, CSS ve sunucu tarafı programlamalarını biliyorum. Ancak, Nodejs, npm ve Bower'un nereden geldiğini anlamıyorum.Düğüm, NPM, Bower ve Bootstrap için kullanma hakkında kafası karıştı

Yeni bir proje oluşturmak istiyorum. Bunun için bir klasör oluşturdum. Sonra bootstrap kullanmak istedim. Ben de 'u çalıştırdım. Şimdi önyükleme bower_components adlı bir klasöre kurulu. Ben Bootstrap ithal etmek isterseniz, ben bu

<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 

?: Ya bir şey eksik gibi eklemek zorunda, bu ne anlama geliyor. Bu paket yöneticileri ile nereden başlayacağımı bilmiyorum.

+0

Şimdi bir sonraki adım 'gulp.js'yi kullanmayı öğrenmek ve gulp yapmak için tüm inşa adımlarını yapmaktır. Bu, bootstrap/dist/css/bootstrap.min.css ve diğer tüm css 'nin public/css' ye kopyalanmasını ve tüm JS ve CSS minification ve birleştirme işlemini yapıp public/klasörünüzü Üretim dağıtımı için kullanacağınız 6 dosya (projede çalıştığınız 150'den fazla) :) – Zlatko

+0

@Zlatko İlginç ... Teşekkürler! – AskYous

cevap

18

bower - istemci tarafı kütüphaneler/modülleri yüklemek için: - (ekspres sunucu tarafı modülleri yüklemek için genellikle proje kök klasörün bower.json

npm koymak (örneğin jquery, önyükleme, açısal vs.), modül detaylarını , kripto, socket.io, vb.), modül ayrıntıları genellikle proje kök klasörünün package.json içine koydu. Genelde

, sen npm kullanarak yüklemek şeyler klasöründe node_modules depolanır ve bower Sana node.js sunucuda express modülünü kullanarak varsayarak yaşıyorum

, bower_components koyar. Eğer böyle bir satır eklediğinizde:

Şimdi
app.use(express.static(__dirname+ '/bower_components')); 

HTML dosyaları, .bowerrc düzenlemek ve indirilen Bower modülleri koymak gerekir nereye belirtmek için

<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 

Diğer bir seçenek olarak Bower bileşenlerini kullanabilirsiniz ..

+0

inanılmaz, bu benim aradığım şey! büyük cevap için teşekkürler. – Kadugedeboy