2012-09-11 16 views
10

Yeoman Sunucuyu ilk kez deniyorum ve LiveReload'a bir geri dönüş olarak yerel bir izleme aracı sunduğunu görüyorum. İşte docs yedeği açıklamak aşağıda açıklanmıştır:.Yeoman: LiveReload ve Yeoman İzle

"Uygulamanın dosyaları herhangi bir değişiklik LiveReload yoluyla yenilemek için tarayıcı neden bu kadar [Yeoman Sunucusu] otomatik, yeoman watch sürecini ateşler Eğer LiveReload yerel olarak yüklü olması gerekmiyor, bir Yedek geri yükleme işlemi yerine kullanılacak. "

Şimdiye kadar geri dönüş işlemi mükemmel çalışıyor ve tarayıcı/menü çubuğunda herhangi bir şey yüklemeyi gerektirmediğini beğendim.

Kimse Yeoman ile saat araçlarını denedi mi? İş akışı nasıl farklıdır ve LiveReload'a "yükseltme" yaparsanız hangi ek özellikleri alırsınız?

UPDATE: API'nın hızlı bir şekilde incelenmesi, Yeoman'ın canlı yükleme özelliğinin gerçekte LiveReload olduğunu ortaya çıkardı. Onlar bir ve aynı. Tarayıcı uzantıları olmadan çalışmasının nedeni, bunun yerine LiveReload'ın snipvr snippet'ini kullanmalarıdır. LiveReload GUI aracılığıyla erişilebilen bazı ek özelliklerin ve belki de mobil cihaz testlerinin yapılması mümkündür, ancak daha büyük olasılıkla işlevsellik aynıdır.

+0

Modlar: "Yeoman" ve "LiveReload" etiketlerini eklemek güzel olabilir. Etiket eklemek için gereken rep dosyasına sahip değilim. Bunun için belirlenmiş bir yer varsa bir yere bir istek göndermek için mutluyuz. – cantera

+0

Lütfen güncellemenizi cevap olarak ekleyin ve doğru olanı kabul edin. Teşekkürler. –

cevap

12

Güncellememde belirtildiği gibi, Yeoman kaynağını kontrol ettim ve canlı yeniden yükleme özelliğinin aslında LiveReload olduğunu anladım. Onlar bir ve aynı. LR'nin yaratıcısı Andrey Tarantsov'un oldukça güzel bir parçası, değerli aletinin kullanımı için ücret ödemeden böyle popüler bir açık kaynak projesinde kullanılmasına izin vermek.

Yeoman Watch tarayıcı uzantıları olmadan çalışmasının nedeni, bunun yerine LiveReload's snipvr snippet'ini kullanmasıdır. Sonuç olarak, LiveReload'ın işlevselliği ve 'yeoman watch' işlevinin çalışması esasen aynıdır. Bununla birlikte, LiveReload'a sahip olmanın hala yararlı olduğunu düşünüyorum.Tercih edilen iş akışım LiveReload ve CodeKit'u birleştirmektir.

CodeKit'in yapılandırma seçenekleri LiveReload'ınkinden biraz daha kapsamlı olduğundan, (önceden oluşturulmuş) geliştirme sırasında, Sass/Compass dosyalarımı ve Jade şablonlarını (başka bir harika araç, btw) derlemek için CodeKit'i kullanıyorum. CodeKit, Firefox ile çalışmadığından (yalnızca Chrome ve Safari), LiveReload'ı aynı anda çalıştırıyorum, böylece değişiklikleri her iki tarayıcıda da görebiliyorum. Bu iş akışı ayrıca, LiveReload'ın "özel komut" özelliğini CodeKit'in "gelişmiş derleyici ayarları" özelliği ile karıştırarak "anında çatalabilme" özelliğine de sahiptir.

0

EDIT: Aşağıda dediğim şey tam olarak doğru değil. Daha fazla test yaptım ve bir .scss dosyasını düzenlemenin, HTML dosyasını düzenlemeden önce bile değişiklikler göstereceğini fark ettim, bu yüzden, bu noktada, LiveReload ile geri dönüş arasındaki farkın ne olduğuna dair bir scooby yok. süreç


ben değil, yüklü LiveReload ama gelmiş yapmak olduğunu ihtar söylüyorum ben "geri dönüş de görüldüğü gibi ben şimdiye kadar Yeoman yaptığım test, gelen yeniden yükleme işlemi " , HTML dosyası kaydedilene kadar sayfayı yeniden yüklemez, bu yüzden kaydedilmiş CSS değişiklikleri, HTML dosyası sistemden bir Kaydet olayı alıncaya kadar hemen görüntülenmez" . livereload.com, "... CSS dosyasını veya görüntüsünü değiştirdiğinizde, tarayıcı sayfayı yeniden yüklemeden anında güncellenir" yani daha sağlam bir işlem gibi görünüyor.

(Maalesef değil tam bir cevap ben , mevcut LiveReload sahip olmayan ancak bu soru henüz hiçbir yanıt ile birkaç gün ayaktayım beri, yüzden herhangi bir bilgi düşündüm hiçbiri daha iyiydi.)

+0

Teşekkürler - şimdiye kadar ben de scooby-eksik. LiveReload'ın arayüzünü ve daha ayrıntılı kontrolleri severim, ancak tarayıcı yapılandırmasıyla uğraşmak zorunda kalmamam iyi olur. LiveReload'ı bulamama konusunda birkaç Yeoman uyarı mesajı aldım, ancak işlevselliği etkileyen hiçbir şey yok. – cantera