Anasayfa » Toolkit » Geliştiriciler için 15 Faydalı AngularJS Araçları

    Geliştiriciler için 15 Faydalı AngularJS Araçları

    Ayak parmaklarınızı Açısal'a batırmayı mı düşünüyorsunuz? AngularJS mesajını öğrenmek için en iyi 10 dersimizi geçtiyseniz ve Angular ile kendi başınıza oynamak istiyorsanız, doğru mesajınız var. Burada biraz var geliştirme iş akışınızı kolaylaştıracak araçlar.

    15'ine bakıyoruz En iyi IDE'ler, metin editörleri, test ve hata ayıklama araçları, modüller ve geliştirme araçları ve uygulamaları Açısal ile inşa etmek için. Favori araçlarınız veya uygulamalarınız varsa, bunları aşağıdaki yorumlarda bizimle paylaşın.

    IDE ve Metin Düzenleyicisi

    Programlama dünyasında iki tip editör vardır: tam özellikli Entegre Geliştirme Ortamı (IDE) ve hafif metin editörleri. Her ikisi de daha hızlı geliştirme iş akışı sağlar. Aşağıda listelediğimiz IDE ve metin editörü, Angular geliştirmenizi hızlandırmak için oldukça iyi araçlardır. Açısal ortam için kolayca yapılandırılabilirler.

    WebStorm

    WebStorm sadece Javascript için değil aynı zamanda HTML ve CSS için de uygundur. Tarayıcıda kodlama sonuçlarını sık sık yenilemeden görmenizi sağlayan harika bir canlı editöre sahiptir. Varsayılan olarak, en yeni sürümleri AngularJS eklenti paketini taşır, ancak önce projenize Angular komut dosyası eklemeniz gerekir. Daha fazla ayrıntı için, WebStorm blog gönderisini okuyun.

    Aptana

    Aptana, Eclipse'in Javascript, HTML, CSS ve diğer web güzelliklerine odaklanan özelleştirilmiş bir sürümü olan ücretsiz bir açık kaynaklı IDE'dir. Aptana for Angular desteğini genişletmek için yapmanız gereken tek şey AngularJS Eclipse eklentisini Eclipse Pazarı.

    Yüce metin

    Mevcut en popüler metin editörlerinden biri olan Sublime Text, her türlü programlama ortamına uyarlanabilme özelliğinden dolayı birçok kişi tarafından sevilir. Ayrıca hızlıdır ve özelleştirilebilir kod snippet desteğine sahiptir ve AngularJS paketi de dahil olmak üzere Angular ile çalışmanıza izin veren birçok paketi vardır. İşte Dan Wahlin tarafından bu konuda kontrol edebilirsiniz harika bir yazı.

    Sublime Metin hakkında daha fazla:

    • 18 temel Sublime Metin eklentisi
    • 12 En Çok Aranan Sublime Text ipuçları ve püf noktaları
    • Sublime Metne Dosya Yolu nasıl eklenir
    • Sublime Metin ile hızlı önizleme Localhost projesi
    • Mükemmel Metinle Notları ve Listeleri Yönetme
    • Sublime Text ile CSS Satıcı Öneki Ekleme

    Test ve Hata Ayıklama Araçları

    Test ve hata ayıklama özellikle Açısal gibi bir ortamda geliştirme sürecinin önemli parçalarıdır. Uygulamanızı test etmenize ve hata ayıklamanıza yardımcı olabilecek araçlardan bazıları:.

    Karma

    Karma, Açısal için yapılan harika bir test koşucusudur, ancak başka herhangi bir Javascript çerçevesiyle de kullanılabilir. Her türlü testi destekler: ünite testi, yarıda test ve E2E testi. Karma, yapılandırma dosyasında listelediğiniz tarayıcıları açarak çalışır. Daha sonra socket.io kullanarak aktif tarayıcı ile iletişim kurar ve testi çalıştırıp çalıştırmayacağınızı sorar.

    Yasemin

    Yasemin davranış odaklı geliştirme (BDD) için kullanılır, ancak biraz kişiselleştirmeyle test odaklı geliştirme (TDD) için kullanabilirsiniz. Genellikle, test koşucusu olarak Karma: Karma, test çerçevesi olarak Yasemin ile birleştirilir. Jasmine, tüm Javascript sınıflarınızı ve işlevlerinizi otomatik olarak inceler ve işlenmeyen kodları size bildirir. Dezavantajı testin hangi ortamı (tarayıcılar) yaptığını bilmiyor, fakat Karma bu dezavantajı telafi ediyor.

    MochaJS

    Jasmine ile karşılaştırıldığında MochaJS daha esnek fakat Yasemin hepsi bir arada bir paket olarak geliyor. MochaJS ile, casus çerçeve kullanmak istiyorsanız, Mocha'yı sinon.js gibi uygun bir kütüphaneyle kurmanız gerekir. Ve iddia çerçevesine ihtiyacınız varsa, Mocha'nın Chai gibi bir çerçeveyle yapılandırılması gerekir..

    İletki

    İletki muhtemelen en güçlü otomatik uçtan uca (e2e) Açısal test aracı. Angular ekibi tarafından geliştirilen Protractor, bugün gibi bazı harika teknolojileri bir araya getirerek inşa edilmiştir. DüğümJS, Selenyum, webSürücü, Mocha, Salatalık ve Yasemin.

    Açılı Batarang

    dışında İletki, Açısal ekip tarafından geliştirilen bir diğer harika araç ise Açısal Batarang. Batarang Angular uygulamalarında hata ayıklamak için kullanılan bir Chrome uzantısıdır. Uygulamanızı inceledikten sonra Batarang size model, performans ve bağımlılık hata ayıklama, üç farklı sekmede sonuçlanır. Muayeneyi kontrol edip göstermeyeceğinizi belirleyerek de kontrol edebilirsiniz. uygulamalar, ciltler veya kapsamlar.

    ng denetçisi

    ng-inspector, Chrome ve Safari'de desteklenen bir tarayıcı uzantısıdır. DevTools'da görünen Batarang'ın aksine, ng-inspector bunun yerine yan panel ekranını tercih eder. Bir kapsamın üzerine geldiğinizde DOM öğelerini inceleyebilir ve vurgulayabilirsiniz. Ayrıca gerçek zamanlı olarak güncellenen kapsamı ve modeli görebilirsiniz..

    Modüller

    Angular modüllerini bulmak için en iyi yer ngmodules.org'dur. Ancak hızlı bir genel bakışa ihtiyacınız varsa, aşağıda sizin için topladığımız bazı iyi kaynakların bir listesi verilmiştir..

    AngularUI

    AngularUI, AngularJS ile oluşturulmuş bir UI bileşenleri koleksiyonudur. Yardımcı direktifleri, Açısal uygulamaları daha hızlı oluşturmanıza yardımcı olur. Widget yerine, AngularUI gibi ham yönergeleri kullanır. ui-yönlendirici, ui-haritası, ui-takvim Muhtemelen en seveceğiniz yönergeler, yerel olarak kullanılabilen UI-Bootstrap'dir. Açısal olarak Twitter Önyükleme oluştur. Başlamak için temiz ve güzel dokümantasyon sayfasına göz atın.

    ng-Table - Tabloyu Sıralama ve Filtreleme

    Web uygulamanızda tablolara ihtiyacınız varsa, sıralanıp filtrelenebilen tür, sonra ngTable aradığınız araçtır. Ayrıca değişken satır yüksekliklerini ve mükemmel sayfalama yeteneklerini de destekler.

    Restangular

    Angular ile çalışmakta zorlanabilirsiniz $ kaynak ve $ http Rest API oluşturmak için. Dikdörtgen yapmak yardımcı olabilir veri isteklerinin alınması, silinmesi, güncellenmesi ve gönderilmesi daha kolay. Restangular'ı birbirinden ayıran bazı özellikler $ kaynak HTTP yöntemi desteği, kendini bağlama öğesi, kullanım vaat ediyor ve daha pek çok şey. Daha fazla bilgi edinin ve Plunkr'daki canlı demosuna bakın..

    Açısal Gettext

    Angular-Gettext, süper kolay lokalizasyon için mükemmel bir Açısal modüldür. Temel özellikler, web uygulamanızı eklemek kadar kolay bir şekilde çevirebilmenizdir. nitelik. Uygulama geliştirmenize odaklanmanızı ve tüm çevirileri Angular-Gettext'e bırakmanızı sağlar.

    Araçlar ve Uygulamalar

    Son olarak, bunu burada bırakacağız. Açısal gelişim sürecinizi daha kolay ve sorunsuz hale getirebilecek daha fazla araç ve uygulamanın listesi. Angular'ı almaya yeni başlayanlarla iyi çalışıyorlar.

    Jeneratör Açısal

    Yeoman, Generator Angular adlı bir kod üretecine sahiptir. Bu araçla, açısal gelişiminizi sadece terminal komut çiftleriyle hızlandırabilirsiniz. Otomatik olarak geliştirme sunucusu, birim ve çerçeve testi, görüntüleme, direktif ve daha fazlasını oluşturabilir..

    ngDocs - AngularJS Referansı

    ngDocs güzel ve basit, AngularJS belgeleri ve referansları sağlayan bir Android uygulamasıdır. Angular'da yeniyseniz bazı temel dersler de mevcuttur. Geliştirici kılavuzu ve görmek isteyebileceğiniz hata referansı gibi ek özellikler vardır. Bu Android cihazınızda, nereye giderseniz gidin Açısal'ı seçin.