15 Užitečné nástroje AngularJS pro vývojáře

Přemýšlíte o namočení prstů do úhlu? Pokud jste prošli našimi 10 nejlepšími výukovými programy, abyste se mohli naučit posílat příspěvek AngularJS a chtěli byste si hrát s Angular na vlastní pěst, jste na správném místě. Máme tady nějaké nástroje, které mohou zefektivnit váš vývojový pracovní postup.

Díváme se na 15 z nejlepší IDE, textové editory, nástroje pro testování a ladění, moduly a vývojové nástroje a aplikace pro stavbu s úhlovým. Pokud máte své oblíbené nástroje nebo aplikace, sdílejte je s námi v komentářích níže.

IDE a textový editor

Ve světě programování existují dva typy editorů: plně vybavené integrované vývojové prostředí (IDE) a lehké textové editory. Oba umožňují rychlejší vývojový pracovní postup. IDE a textový editor, který je uveden níže, jsou velmi dobrými nástroji pro urychlení vývoje úhlu. Lze je snadno konfigurovat pro prostředí Angular.

WebStorm

WebStorm je vhodný nejen pro Javascript, ale i HTML a CSS. Má úžasný živý editor, který vám umožní vidět výsledky kódování v prohlížeči bez nutnosti častého obnovování. Jejich nejnovější verze standardně nese balíček AngularJS pluginů. Další podrobnosti naleznete v příspěvku blogu WebStorm.

Aptana

Aptana je bezplatný open source IDE, což je vlastně přizpůsobená verze Eclipse se zaměřením na Javascript, HTML, CSS a další webové dobroty. Chcete-li rozšířit Aptana o úhlovou podporu, stačí nainstalovat rozšíření AngularJS Eclipse z Trh Eclipse.

Sublime Text

Jeden z nejpopulárnějších textových editorů je k dispozici, Sublime Text je miloval mnoho, protože jeho přizpůsobitelnost přizpůsobit se každému druhu programového prostředí. Je také rychlý a má nastavitelnou podporu kódu a má mnoho balíčků včetně balíčku AngularJS, který vám umožní pracovat s úhlem úhlu. Zde je skvělý příspěvek od Dan Wahlin, na který se můžete podívat.

Další informace o Sublime Textu:

18 nezbytných pluginů Sublime Text
12 Nejžádanější Sublime Textové tipy a triky
Jak vložit cestu k souboru ve Sublime Textu
Quick-preview Localhost projekt s Sublime Text
Správa poznámek a seznamů pomocí Sublime Text
Přidání předpony dodavatele CSS s textem Sublime

Nástroje pro testování a ladění

Testování a ladění jsou důležitými součástmi vývojového procesu, zejména v prostředí jako je Angular. Zde jsou některé z nástrojů, které vám pomohou otestovat a ladit aplikaci.

Karma

Karma je skvělý testovací běžec vyrobený pro Angular, ale může být také použit s jakýmkoliv jiným Javascript frameworkem. Podporuje jakýkoli typ testování: testování jednotek, testování v polovině a Testování E2E. Karma funguje tak, že otevírá prohlížeče, které jste uvedli v konfiguračním souboru. Poté komunikuje s aktivním prohlížečem pomocí socket.io a zeptá se, zda test spustit nebo ne.

Jasmín

Jasmine se používá pro vývoj založený na chování (BDD), ale můžete jej použít pro vývoj řízený testem (TDD) s malým přizpůsobením. To je obvykle spojeno s Karma: Karma jako zkušební běžec, Jasmine jako testovací rámec. Jasmine automaticky zkontroluje všechny vaše Javascript třídy a funkce a upozorní vás na neošetřený kód. Nevýhodou je neví, které prostředí (prohlížeče) provedl test, Karma však tuto nevýhodu kompenzuje.

MochaJS

Ve srovnání s Jasmine, MochaJS je flexibilnější ale Jasmine přichází jako all-in-one balíček. S MochaJS, pokud chcete používat špionážní rámec, musíte nastavit Mocha s příslušnou knihovnou jako sinon.js. A pokud potřebujete rámec pro tvrzení, musí být Mocha nakonfigurován s frameworkem jako Chai.

Úhloměr

Protractor je pravděpodobně nejvýkonnější automatizovaný konec (e2e) Nástroj pro úhlové testování. Vyvinutý týmem Angular, Protractor je postaven kombinací některých velkých technologií, které jsou dnes k dispozici NodeJS, Selenium, webDriver, Mocha, Cucumber a Jasmín.

Úhlový Batarang

kromě Úhloměr, další skvělý nástroj vyvinutý týmem Angular je Angular Batarang. Batarang je rozšíření Chrome pro ladění hranatých aplikací. Po kontrole vaší aplikace, Batarang vám ukáže výkon, závislost výsledky ladění na třech různých kartách. Kontrolu můžete také kontrolovat a rozhodovat, zda se má zobrazit aplikací, vazeb nebo oborů.

ng-inspektor

ng-inspector je rozšíření prohlížeče podporované v Chrome a Safari. Na rozdíl od Batarangu, který se objevuje v DevTools, preferuje ng-inspektor místo toho boční displej. Prvky DOM si můžete prohlédnout a zvýraznit, když přecházíte nad rozsah. Můžete si také prohlédnout rozsah a model aktualizovaný v reálném čase.

Moduly

Nejlepším místem k nalezení úhlových modulů je ngmodules.org. Pokud ale potřebujete rychlý přehled, níže je seznam některých dobrých zdrojů, které jsme pro vás shromáždili.

AngularUI

AngularUI je soubor UI komponent postavený s AngularJS. Direktivy pomůcek pomáhají rychleji vytvářet aplikace typu Angular. Namísto modulů widget používá AngularUI surové směrnice ui-router, ui-map, ui-calendar Direktivy, které pravděpodobně budete mít rádi, jsou jeho UI-Bootstrap, který může nativně vytvořit Twitter Bootstrap v úhlu. Podívejte se na jeho čistou a příjemnou dokumentační stránku, abyste mohli začít.

ng-Table - Tabulka třídění a filtrování

Pokud potřebujete tabulky ve své webové aplikaci, druh, který lze třídit a filtrovat, pak ngTable je nástroj, který hledáte. Podporuje také různé výšky řádků a skvělé možnosti stránkování.

Restangular

S úhlovým, můžete mít těžko pracující práci $ zdroj a $ http pro vytvoření Rest API. Může to pomoci restangular jednodušší používání požadavků na získání, odstranění, aktualizaci a odesílání dat. Některé funkce, které nastavují Restangular na rozdíl od $ zdroj jsou podpora metod HTTP, samopojitelný prvek, slibuje použití a mnoho dalších. Více se dozvíte zde a podívejte se na živé demo na Plunkr.

Úhlová Gettext

Angular-Gettext je vynikající modul úhlu pro velmi snadnou lokalizaci. Klíčové funkce můžete přeložit webovou aplikaci tak snadno, jako přidávání atribut. To vám umožní zaměřit se na vývoj aplikací a nechat všechny překlady do Angular-Gettext.

Nástroje a aplikace

Nakonec to tady necháme. Je to seznam dalších nástrojů a aplikací, které mohou váš proces vývoje úhlu usnadnit a zjednodušit. Pracují dobře s těmi, kteří právě začínají vyzvednout Angular.

Generátor Úhlový

Yeoman má generátor kódu nazvaný Generator Angular. Pomocí tohoto nástroje můžete urychlit vývoj úhlu pouze s dvojicemi příkazů terminálu. To může automaticky generovat vývoj server, jednotky a rámové testování, zobrazení, směrnice a další.

ngDocs - AngularJS Reference

ngDocs je aplikace pro Android, která poskytuje dokumentaci a reference AngularJS, pěkné a jednoduché. Některé základní tutoriály jsou také k dispozici, pokud jste v aplikaci Angular nová. Existují další funkce, jako je průvodce vývojářem a odkaz na chyby, které byste rádi viděli. S tímto na vašem zařízení Android, vyzvednout na Angular, ať jste kdekoli.