Yeoman'ı AngularJS ile Kullanmak

İçindekiler
Uygulama geliştirme yolculuğumuza başladığımızda akılda tutulması gereken en önemli şeylerden biri AngularJS, iş akışımızın optimizasyonu, yani uygulamalar oluşturacağımız, testler yapacağımız, uygulamamızın bölümlerini oluşturacağımız vb.
Bunu yapmak için, manuel olarak çalışmaktan, dizinlerin her birini kendi başımıza oluşturmaktan veya bunu bizim için yapan araçları kullanmaktan, ikincisinde kendimizi destekleyebiliriz. Yeoman üretme olasılığı olan iskeleYerleşik bir web sunucusu getiriyor ve uygulamanın iskeletini otomatik olarak oluşturmamıza izin veriyor.
Düzenlemek Yeoman terminalde bir hat çalıştırmak kadar kolay tabi ki şuna dayalı ortamlarda olduğumuz sürece Unix Ne Linux veya MAC, yalnızca aşağıdakileri yapmanız yeterli olacaktır:
curl -L get.yeoman.io | bash

Bundan sonra ekranda beliren talimatları izlemeliyiz; ama yine de pencereler Bu başka bir konu ve burada manuel kurulum denen şeyi yapmalıyız, bunun için önce kurulum yapmalıyız. DüğümJS ve sonra paket işleyicinizle npm Yüklemek Yeoman ve Angular uygulama oluşturucu. Bütün bunlar Yeoman web sitesinde uygun şekilde belgelenmiştir.

Bir kez yükledikten ve sahip olduktan sonra Yeoman çalışıyor, uygulamamızı oluşturabiliriz AngularJSEn temel uygulamalar için bile, yapıyı oluşturmak için dizinleri dahil etmenin geleneksel olarak gerekli olduğunu hatırlayalım.
Bunu manuel olarak yapmak çok sıkıcı olduğundan, Yeoman Sadece bir konsoldan aşağıdakileri yazmamız gerekiyor:
yeoman init açısal

Bu bize sadece klasör yapısını oluşturmayacak, aynı zamanda bize dosyanın temel iskeletlerini de verecektir. rotalar, denetleyiciler ve bağımlılıklar.
Bildiğimiz gibi, rotalar uygulamalarımızın temel özelliklerinden biridir. Açısal, Yeoman Sadece rotayı oluşturmamıza değil, aynı zamanda çalışabilmesi için gerekli dosyaları da oluşturmamıza izin verir, bunun için şu komutu kullanmak yeterlidir:
yeoman init açısal: rota yol adı

Neresi yol adı istediğimiz yol olacak, örneğin yerleştirmek yerine yol adı yerleştiririz ev, Yeoman ilgilenecek:
  • app/script/denetleyicilerde home.js dosyasını oluşturun
  • home.js dosyasını test / özellikler / denetleyicide oluşturun
  • uygulamada / görünümlerde home.html dosyasını oluşturun
Ayrıca bu, dosyadaki yolun kodunu oluşturacaktır. uygulama / komut dosyaları / app.js
Yeoman'ın AvantajlarıTüm bunlarla zaten çok fazla iş kaydettik, otomatikleştirmeye ek olarak, bir denetleyici adını yanlış yazmak veya yolu uygunsuz bir şekilde yerleştirmek gibi geliştirmemizi etkileyebilecek küçük yapılandırma hatalarından kaçınıyoruz. biraz yapmak zorunda hata ayıklama böylece başka şeylere harcayabileceğimiz zamanı da almış oluyoruz.
Bununla bu öğreticiyi bitiriyoruz, bir uygulamanın nasıl kurulacağını ve nasıl başlatılacağını öğrendik. YeomanBunun, bu amaçlara hizmet eden tek araç olmadığını da unutmamalıyız, bu nedenle başka seçenekler bulmak için biraz araştırma yapmalı, amaçlarımıza ve ihtiyaçlarımıza en uygun aracı karşılaştırmalı ve onunla kalmalıdır.
wave wave wave wave wave