開発者のための15の有用なAngularJSツール
Angularにつま先を浸すことを考えていますか?あなたがAngularJSの投稿を学ぶために私達の10の最高のチュートリアルを経験していて、あなた自身でAngularと遊びたいのであれば、あなたは正しい投稿にいます。ここにいくつかあります 開発ワークフローを合理化できるツール.
私達は15のうち見ています 最高のIDE、テキストエディタ、テストとデバッグのためのツール、モジュール そして 開発ツールとアプリ Angularで構築するためのものです。お気に入りのツールやアプリがある場合は、以下のコメントでそれらを共有してください。.
IDEとテキストエディタ
プログラミングの世界では、2種類のエディタがあります。 フル機能の統合開発環境 (IDE)と 軽量テキストエディタ. どちらもより速い開発ワークフローを可能にします。以下にリストされているIDEとテキストエディタは、Angular開発をスピードアップするための非常に優れたツールです。 Angular環境に合わせて簡単に設定できます.
WebStorm
WebStormはJavascriptだけでなくHTMLやCSSにも適しています。それはあなたがあなたのコーディング結果を頻繁にリフレッシュする必要なしにブラウザで見ることを可能にする素晴らしいライブエディタを持っています。デフォルトでは、最新バージョンにはAngularJSプラグインバンドルが含まれていますが、最初にプロジェクトにAngularスクリプトを含める必要があります。詳細については、WebStormブログ記事を読んでください。.
アプタナ
Aptanaは無料のオープンソースIDEで、実際にはJavascript、HTML、CSS、その他のWebグッズを中心にカスタマイズされたEclipseのバージョンです。 AngularサポートのためにAptanaを拡張するために必要なことは、次のWebサイトからAngularJS Eclipse拡張機能をインストールすることだけです。 Eclipseマーケットプレイス.
崇高なテキスト
利用可能な最も人気のあるテキストエディタの1つ、Sublime Textはあらゆる種類のプログラミング環境に適応するためのカスタマイズ性のために多くの人に愛されています。それはまた高速でカスタマイズ可能なコードスニペットサポートを持ち、そしてAngularで作業することを可能にするAngularJSパッケージを含む多くのパッケージを持っています。これはDan Wahlinによる素晴らしい投稿です。.
昇華テキストの詳細:
- 18の必須のSublime Textプラグイン
- 12の最も欲しいと思う昇華テキストのヒントとトリック
- 崇高なテキストにファイルパスを挿入する方法
- Sublime Textを使ったクイックプレビューLocalhostプロジェクト
- 崇高なテキストでメモやリストを管理する
- 崇高なテキストを含むCSSベンダープレフィックスの追加
テスト&デバッグツール
テストとデバッグ 特にAngularのような環境では、開発プロセスの重要な部分です。アプリケーションのテストやデバッグに役立つツールのいくつかを紹介します。.
カルマ
KarmaはAngular用に作られた素晴らしいテストランナーですが、他のJavascriptフレームワークと一緒に使うこともできます。あらゆる種類のテストをサポートします。 単体テスト、中間テスト そして E2Eテスト. Karmaは、設定ファイルにリストされているブラウザを開くことによって機能します。その後、socket.ioを使用してアクティブなブラウザと通信し、テストを実行するかどうかを尋ねます。.
ジャスミン
Jasmineはビヘイビア駆動開発(BDD)に使用されますが、少しカスタマイズしてテスト駆動開発(TDD)に使用することもできます。通常、テストランナーとしてのKarma、テストフレームワークとしてのJasmineというKarmaと組み合わされます。 JasmineはすべてのJavascriptクラスと機能を自動的に調べて未処理のコードを通知します。欠点は テストがどの環境(ブラウザ)で実行されたのかわからない, しかしカルマはこの不利益を補っています.
モカJS
ジャスミンと比べると、MochaJS より柔軟です しかし Jasmineはオールインワンパッケージとして提供されています. MochaJSを使用してスパイフレームワークを使用する場合は、sinon.jsなどの適切なライブラリを使用してMochaを設定する必要があります。アサーションフレームワークが必要な場合は、MochaをChaiのようなフレームワークで構成する必要があります。.
分度器
分度器はおそらく最も強力な自動化されている 端から端まで (e2e)角度試験ツール。 Angularチームによって開発されたProtractorは、今日利用可能な優れた技術をいくつか組み合わせて構築されています。 NodeJS、Selenium、webDriver、Mocha、きゅうり そして ジャスミン.
Angular Batarang
そのほか 分度器, Angularチームが開発したもう1つの優れたツールはAngular Batarangです。. バタラン AngularアプリケーションをデバッグするためのChrome拡張機能です。あなたのアプリを調べた後、Batarangはあなたにあなたを見せるでしょう モデル、パフォーマンス、および依存関係 デバッグの結果、3つのタブが表示されます。表示をするかどうかを決定して、検査を制御することもできます。 アプリケーション、バインディング、またはスコープ.
ngインスペクタ
ng-inspectorは、ChromeとSafariでサポートされているブラウザ拡張です。 DevToolsに表示されるBatarangとは異なり、ng-inspectorは代わりにサイドパネル表示を好みます。スコープの上に置くと、DOM要素を調べて強調表示できます。スコープとモデルがリアルタイムで更新されているのも確認できます。.
モジュール
Angularモジュールを探すのに最適な場所はngmodules.orgです。しかし、あなたが簡単な概要を必要とするならば、以下は私たちがあなたのために集めたいくつかの良いリソースのリストです.
AngularUI
AngularUIはAngularJSで構築されたUIコンポーネントのコレクションです。そのユーティリティディレクティブはAngularアプリケーションをより速く構築するのを助けます。ウィジェットの代わりに、AngularUIは次のような生のディレクティブを使用します。 UIルーター
, UIマップ
, UIカレンダー
あなたがおそらく最も好きなディレクティブはネイティブにできるUI-Bootstrapです。 AngularでTwitterブートストラップを作成する. 清潔で素晴らしいドキュメントページをチェックしてください。.
ng-Table - テーブルの並べ替えとフィルタリング
Webアプリケーションにテーブルが必要な場合は、並べ替えやフィルタをかけることができます。ngTableはあなたが探しているツールです。それはまた可変的な列の高さおよびすばらしいページ付け機能を支える.
直角
Angularでは、仕事をするのに苦労するかもしれません $リソース
そして $ http
Rest APIを作成するためのものです。 Restangularは作るのを助けることができます データ要求の取得、削除、更新、および投稿の使用がより簡単に. Restangularを他とは一線を画すいくつかの機能 $リソース
HTTPメソッドのサポート、自己リンク要素、使用方法などが約束されています。ここでもっと知り、Plunkrのライブデモをチェックしてください。.
Angular Gettext
Angular-Gettextは、非常に簡単にローカライズするためのすばらしいAngularモジュールです。主な機能は、あなたが追加するのと同じくらい簡単にあなたのWebアプリを翻訳できることです。 属性
. アプリ開発に集中し、すべての翻訳をAngular-Gettextに任せることができます。.
ツールとアプリ
最後に、これをここに残します。それはおそらくあなたのAngular開発プロセスをより簡単でよりスムーズにすることができるより多くのツールとアプリのリストです。それらはAngularを拾い始めたばかりの人々とうまく働きます.
発電機アングル
YeomanにはGenerator Angularというコードジェネレータがあります。このツールを使えば、ほんの数回のターミナルコマンドでAngular開発をスピードアップできます。開発サーバー、ユニットおよびフレームワークのテスト、ビュー、ディレクティブなどを自動的に生成できます。.
ngDocs - AngularJSリファレンス
ngDocsはAngularJSのドキュメントとリファレンスを提供するAndroidアプリです。 Angularに慣れていない場合は、いくつかの基本的なチュートリアルも利用できます。あなたが見たいかもしれない開発者ガイドやエラーリファレンスのような追加機能があります。あなたのAndroidデバイス上でこれを使って、どこへ行ってもAngularを拾う.