Angular-seed, başlangıçta fiilen boş bir proje mi?


82

Angular.js'yi öğrenmeye ve kullanmaya ikna olduktan sonra, deneyimin öğrenme çarkını başlatmak için somut bir web UI uygulaması başlatacaktım. (Uygulama, bir tür kişisel planlama, yapılacaklar listesi, hatırlatma, pomodoro tekniği odaklı vb. Olacak ...)

Angular'ın yazarı tarafından gördüğüm eğitici videolardan biri en iyi uygulamalarla ilgili. Ve en iyi uygulamalardan biri angular-seedprojeyle başlamaktır .

Yapacaktım da buydu, ancak biraz googledikten sonra, iyi bir başlangıç ​​noktası olduğunu iddia eden en az iki proje daha var:

  • angular-enterprise-seed
  • angular-sprout

Başlangıç ​​seviyesindeyim ama uzun vadede yatırım yapmayı seviyorum. Başka bir şey kullanma konusunda endişelenmeli miyim angular-seed? Kendime bu soruyu sormak için çok erken olduğunu hissediyorum, ancak halihazırda iki proje daha varsa, belki bazı iyi sebepler olabilir.


1
Bence 'en iyi uygulamalar' konuşması, belirli bir şablon hakkında değil, genel olarak başlangıç ​​noktası olarak şablonları kullanmakla ilgiliydi. Evet, angular-sproutbazı avantajları var ama bence angular-seedöğrenim amaçlı kullanabilirsiniz .
raina77ow

Kelimeyi templatesorudan çıkarmak için düzenledim . Hayır, aslında yazar, kendi çerçevesinde uygulama oluşturmak için bir başlangıç ​​olarak açısal tohum kullanmakta ısrar etti (bu yüzden html şablonu anlamında değil, şablon kelimesini kullandım). Bunu belirttiğiniz için teşekkürler.
Stephane Rolland

angular-seediyi çalışmalı. Projenizi nasıl yapılandırmak istediğiniz konusunda gerçekten kişisel bir tercih meselesi. Kullanmak için bir araç önerecek olsaydım, bu yeoman olurdu . Açılı projeleri ve daha fazlasını iskele yapmak için harika ...
Jonathan Palumbo

1
Eğitici video bağlantınız kopmuş olabilir.
JJ Zabkar 13

1
@JJZabkar düzeltildi, çok kötü sadece bu gece yorumunuzu gördüm.
Stephane Rolland

Yanıtlar:


60

Birçok kişi çeşitli tohum projeleri kullanmasına rağmen, açısal bir uygulama (veya herhangi bir javascript web uygulaması) için en kolay ve en tutarlı başlangıç ​​noktasının Yeoman olduğunu öğrendim .

Bu uygulama, uygulamanızın çekirdeğini oluşturacak, istediğiniz kitaplıklarla ( bower aracılığıyla ) ve çalışan bir grunt derleme dosyasıyla (çoğu jeneratör bir derleme görevi, sunucu canlı düzenleme ve test görevi için görev)

Bunun gibi bir uygulama zorunlu olarak düşünülmüş olsa da, ürettiği iskele hala çok geneldir.

misal:

mkdir my-app
cd my-app
npm install generator-angular
npm install generator-karma
yo angular

8
Yukarıdaki 3. satırın olması gerektiğine inanıyorum npm install generator-angular.
Ryan Duvarlar

And line 4: npm install generator-karma
Mattl

npm ERR! 404 'açısal oluşturucu' npm kayıt defterinde değil.
mortsahl

grunt servetarayıcıda görmek için
jacktrades

1
Ben de "--global yo yüklemek npm" yo yüklemek zorunda
moke

26

Hepsinin farklı avantajları vardır, bu yüzden ne yapmak istediğinize bağlıdır. Açısal girişim tohumunu yazdım ve göreli değerlerinden bahsedebilirim.

  1. Sunucudan bağımsızdır. Bu, AngularJS'nin temel ilkelerinden biri ve onu çekici kılan pek çok şeyden biri, İstemci MVC paradigmasını takip ettiği için önemlidir. Bu, tüm sunucu teknolojilerinden tamamen bağımsız olduğu anlamına gelir. Mevcut birçok tohum, AngularJS'yi angular-sprout (NodeJS) veya grilled-feta (Google App Engine / Java) gibi sunucu teknolojilerine bağlar . Yukarıda belirtilen projelerde, NodeJS ve / veya Java ortamları sisteminizde yoksa, o zaman tohumun ortaya çıktığını görmek için birkaç çemberden geçmeniz gerekecektir. Bu, PHP ve Python geliştiricilerine yabancılaşabilir ve bu da projenin topluluğunu sınırlandırır.

  2. Saniyeler içinde çalışır durumda. Sunucudan bağımsız olduğu için herhangi bir kapta çalıştırılabilir (bu konuda dosya sistemini kontrol edin). Önerilen yöntem, kök dizinden "python -m SimpleHTTPServer" çalıştırmasıdır - bu, Mac ve Linux'ta yerel olarak gelir, bu nedenle ek adımlar yoktur.

  3. Canlı önizleme. Projenin durumunu kontrol etmek ucuzdur çünkü canlı bir sürüm her zaman github'da barındırılır . Sunucudan bağımsız olduğu için, bu otomatik olarak ana kopyayı bir cron işinden gh-sayfalar dalına kopyalayarak yapılır.

  4. Zengin stil. Twitter Bootstrap ve kutudan çıkar çıkmaz özel / oluşturulabilir LESS, Angular-UI, Angular-NG, yazı tipleri ve zengin şekillendirme ve yanıt verme yetenekleri sağlamak için sayısız başka araç içerir.

  5. Widget'lar. Angular-Seed ve Angular-Sprout gibi, Angular-Enterprise-Seed de "en iyi uygulama" düzenini, yönlendirmeyi vb. Örnekler. Ancak aynı zamanda raftan çıkarılıp hemen yeniden kullanılabilen önceden oluşturulmuş bir dizi bileşen sağlar. Birkaç teknolojinin yakınsamasını gerektirebileceğinden bunu yapmak biraz zordur. Örneğin, ızgara örneğini oluşturmak için, angular-ui, angular-ng, angular-js ve jquery stilini birleştirdim. Modaller, sayfalandırma, uyarılar, ızgaralar ve daha fazlası için bileşen örnekleri vardır.

Parçaların nasıl çalıştığını öğrenmek istiyorsanız, açısal tohum, akademik bir egzersiz olarak harikadır, ancak sizi daha önemli bir sıçrama noktası için özlem bırakacaktır.

Açısal filiz kullanmadım, bu yüzden onun yararlarından bahsedemiyorum. Belki de açısal filiz ve açısal girişim tohumunu birleştirmek için bir yer vardır?


2
Eğer Talep sunucusu bağlantı yaparsanız, kontrol github.com/robertjchristian/service-nucleus netflix-Karyon ile açısal-kurumsal tohumu entegre ve ek işlevler ekler. Konuşlanmaya ve savaşmaya hazır. (Java Tabanlı ve Jersey üzerinden REST'i içerir).
Robert Christian

1
bu temel olarak gerçekten iyi görünüyor. Açısal-ui-haritası vb.Gibi şeyleri eklemeyi kolaylaştırmak için bower'ı entegre etmeyi düşündünüz mü?
Baldy

1
@Baldy - Evet, Bower'ı projeye dahil etmek istiyorum. Gönüllü müsün? :)
Robert Christian

ne yazık ki hayır, başka bir şeye
Baldy

1
Beni "her zaman github'da barındırılan yeni bir sürüm" ile ikna ettiniz ... ve ardından sağlanan bağlantı: robertjchristian.github.io/angular-enterprise-seed/# boş bir sayfa döndürür.
cerd

18

Bunun daha eski bir soru olduğunun farkındayım, ancak oldukça fazla görüşe sahip gibi görünüyor, bu nedenle son zamanlarda hem Yeoman hem de angular-seed: ng-boilerplate için çok popüler bir alternatif haline gelen şeyi tavsiye etmek mantıklı . ng-boilerplate, temelden büyük üretim web uygulamaları için tasarlanmış olması ve bu nedenle bence açısal tohumdan daha iyi bir çözüm olması açısından açısal tohumdan farklıdır.

Yeoman ve ng-standart uygulama kickstarting yöntemleri arasındaki farkları açıklamak için ngbp'nin yaratıcısı Josh D. Miller'dan alıntı yapacağım :

Yeoman harika. Ancak AngularJS için oluşturucularla ilgili sorunum, özellik yerine katmana göre paketlemeleridir. Tüm denetleyicileri bir "denetleyiciler" klasöründe ve tüm hizmetleri bir "hizmetler" klasöründe vb. Saklarsak ve tüm testlerimizi tamamen başka bir yerde saklarsak, bileşenlerimizi yeniden kullanmak oldukça zor olabilir.

Bu aynı zamanda Josh'un Yeoman açısal üreteç sorunları forumunda yaptığı oldukça iyi bir tartışmadır ; bu, ng-boilerplate ve yeoman'ın kurulumuyla ilgili daha derinlemesine gider.


10

Açıkçası, Yeoman bir jeneratör değil. Yeoman, jeneratör yapmak için bir format / sistemdir. AngularJS uygulaması oluşturmak için kullanabileceğiniz, Yeoman ile yapılmış birkaç jeneratör vardır. İnsanlar sık ​​sık yanlışlıkla bunlardan birinden diğerine "Yeoman jeneratörü" adını verir. Ama çok var. Henüz kafanız karıştı mı? Yeoman, tek jeneratör yapma sistemi değil. Brunch başka bir tanesidir.

Sorunuzu yanıtlamak için, burada AngularJS ile bir web uygulaması yapmaya başlamak için kullanabileceğiniz birçok AngularJS jeneratörünün çok kapsamlı bir yan yana karşılaştırması var. Şu anda, bu şeylerin 200'den fazla farklı yönünü içeriyor. Bunlardan biri dosya düzenleme tarzıdır. Böylece, sizin için önemliyse, hangilerinin dosyaları özelliğe göre organize ettiğini kolayca görebilirsiniz. Benim için.

Hala eklenecek birkaç tane var. Bu başlıkta bahsedilen ikisi benim için yenidir. Ancak bu karşılaştırma size seçenekler ve nasıl karşılaştırıldıklarına dair iyi bir fikir vermelidir. Aynı zamanda düzenlenebilir, bu nedenle herhangi biriniz bu konularda uzmansanız, bildiklerinizi paylaşmaktan çekinmeyin.

Sadece Tanrı, insanların sadece mevcut olanları iyileştirmeye yardımcı olmak yerine neden bu tür şeyleri daha çok yapmaya devam ettiğini bilir. Herhangi bir tahmininiz varsa, bu gizemin çözülmesini çok isterim.

DÜZENLEME: belgeye erişim sağlamak için sizden bir şey hakkındaki bilgilerinizi paylaşmak için bir anket doldurmanızı veya uzmanların bunu yapması için lobicilik yapmanızı rica ediyorum.

Bir anket yapmak için buraya gidin: http://www.dancancro.com/technology-questionnaires/


9

Yeoman'ı da kullanmayı seviyorum. İyi bir iskele almak için şunları deneyin:

npm install -g generator-angular  # install generator
yo angular                        # scaffold out a AngularJS project
bower install angular-ui          # install a dependency for your project from Bower
grunt test                        # test your app
grunt server                      # preview your app
grunt                             # build the application for deployment

Sadece bu jeneratörün artık oldukça eski olduğunu unutmayın, bu yüzden artık tavsiye edeceğimden emin değilim.
dmackerman

Evet ama yeoman.io/generators adresinde başka bir tane bulun . Angular / angular2 için ara
HankCa
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.