20 個有用的 Angular.js 工具

20 個有用的 Angular.js 工具

關於本文

本文是針對 Angular.js 開發者而寫，在本文中，做者介紹了 20 種實用的 angular.js 工具 。其中包括了開發所用的 IDE，測試工具，庫文件以及擴展工具。俗話說「磨刀不誤砍柴工」，在使用一項開發技術進行開發以前，應該先學習下支持該技術的工具，這樣能使你事半功倍。

文章內容

喜歡使用 Angular.js 嗎？咱們已經爲開發人員收集了一些很是好的 angular.js 工具以便開發人員使用，爲了讓開發人員在使用 angular 進行開發的時候使用這些工具來保持一個高效率的狀態。
Angular.JS 框架已成爲用動態方式設計 web 應用程序的開發人員使用的框架之一。假如這裏有一些 angularjs 開發人員即將開始作一個 AngularJS 項目，他們可能須要使用許多工具並以一種成熟的方式來開發一個網站。
Angular.js 的初學者可能想在開始使用它以前讀一些好的關於 angular.js 的書籍。
咱們製做了大量的 angular.js 在線學習教程。
爲了減輕使用 AngularJS 開發的負擔，這裏有幾個很棒的工具，包括測試、 前端開發、 編輯、 庫、 擴展、 模塊、 代碼生成器、 以及網格工具。

開發 Angular.js 最佳的 IDE

下面列舉了一些開發人員最須要的集成開發環境 (IDE) 和 Angular.js 的輕量級文本編輯器。

Webstorm

Webstorm 是一個很是出色的代碼編輯器，它完全的適配項目而且爲創建各類類型的網站都提供了高質量的編碼。它支持當前最新的網頁開發技術。每一個使用此 IDE 工具進行開發的 web 項目，它都很好的結合了每個細節而且簡化了建立網站的工做流程。

Aptana

Aptana 是有助於用敏捷的方式建立 web 應用程序的集成開發環境。若是要在 AngularJS 中使用此 IDE 編輯器工具，您須要從 Eclipse 市場激活 AngularJS Eclipse 擴展。

Sublime Text

Sublime 對 AngularJS web 開發人員而言是一個比較便利的文本編輯器。經過使用幾個快捷鍵，它有助於咱們在編碼區域內達到目標點。它具備高度適應性而且能夠定製任何類型的編譯環境。它還能夠按照您的意願進行拆分編輯。能夠輕鬆的在各個項目之中切換，它會自動的存下每一個項目中的全部改動。

Angular.js 專用測試工具

不論是使用 Angular.js 或者任何其餘的軟件，測試都是開發過程的重要組成部分。在使用 Angular.js 開發的過程當中，下面的工具能夠幫助您簡化測試過程。
這些工具能夠和 javascript 在線測試工具很好的契合。

Protractor

Protractor，一種端到端的測試框架，當它和 AngularJS 一併使用時，它運用了一種徹底自動化的測試方式。它經過在真實的瀏覽器中運行您的應用程序來進行測試。它適用於像 WebDriver、Mocha、 jasmine、 Node.js，selenium，cucumber 等偉大的技術。
它自動的與 AngularJS 應用程序進行通訊，一旦全部被掛起的 web 頁面的任務都完成了之後，你不須要使用一個等待或睡眠命令來進行測試。

Jasmine

Jasmine 是一個行爲驅動開發框架，它是專門爲 JavaScript 用戶定製的。它通常會使用函數來構建您的測試而且一直維護它直到結束。能夠經過使用一個單一的多功能一體包來完成任何類型的測試，這也是它的主要優勢，使用一種簡單的方式來測試您的程序。
這個框架也有一個缺點，就是它並不知道在哪一個平臺 (瀏覽器) 上運行。不過能夠經過同時使用 Karma 來克服這個缺點。
Karma 也是一個測試框架，在和 Jasmine 一塊兒工做時能夠做爲一個測試運行程序來高效的測試應用程序。

Code Orchestra

它絕對是一個有助於創建和測試您的 web 應用程序的前端開發工具。當您在實時的編寫代碼的時候，COLT 經過給您提供建議來修改代碼，而且把以統一的格式編寫好的代碼進行存儲。經過使用這個工具，已經編輯好的代碼將自動的反映在運行的應用程序中。

Angular.js 最好的庫

下面是一些有用的庫，開發人員經過使用它們能夠很容易的加強 angular.js 框架的使用效果。請不要嘗試去開發一個相同的庫，由於已經有人把它作好而且開源了。

CodePen

對於全部使用 HTML，CSS 和 JavaScript 進行開發的前端開發人員來講，CodePen 是一個完美編輯器工具。這個工具縮短了開發 web 前端頁面的建立、 測試和完善網站等單調乏味的過程。它是一個同時協做的編碼環境。
Web 開發人員能夠專門對跨平臺進行實時的查看。它在瀏覽器代碼的編輯器中的能夠自動快速的上傳多種文件。在這方面它幫助 web 開發人員實現了更快速的開發。

Angular Fire

在 AngularFire 的幫助下建立後端的 AngularJS 應用程序已經變得很是便捷。AngularFire 已經正式支持將 AngularJS 綁定上 Firebase。Firebase 是一個基於雲計算的平臺，能夠方便地與實時應用程序進行集成以及快速的建立後端。
當 Firebase 和 AngularFire 相結合時，它們能夠更快的實現數據同步而且提供了卓越的用戶管理服務。它還將呈現數據綁定、 用戶身份驗證，以及靜態承載這三方面內容。

AngularUI

AngularJS 很著名是由於它能夠頗有效的建立單頁面應用程序。爲了建立這些應用程序，咱們須要一個路由設施。正好 AngularJS 框架有一個很全面的 UI 組件，它被俗稱爲 ui 路由器。它提供了一個輕鬆的導航，也能夠根據應用程序的狀態而不只僅是基於路由 URL 來更改視圖。
在 AngularUI 中還有不少其餘使用原始指令的 UI 組件，好比 ui-地圖、 ui-日曆以及 ui-引導。這些 UI 組件和指令能夠幫助你更快的創建網站。

UI Bootstrap

UI Bootstrap 是一個非同尋常的 AngularUI 組件，它有助於爲智能手機建立易於使用和理解 web 應用程序。經過使用 AngularJS 的本地指令，該 UI 組件將給予你 Twitter bootstrap 的全部權限。

有用的擴展和 Angular.js 工具

下面是一些可用於特定的應用程序的 Angular.js 擴展。

Ng-Inspector

在 ng-inspector 擴展工具的幫助下，咱們能夠建立一個檢查控制菜單來建立調試和理解 AngularJS 應用程序。它也是一個傑出的能夠適用於火狐、Chrome 和 Safari 的瀏覽器擴展工具。
它很容易與您的應用程序進行交互，而且在您的應用程序中更新每個實時的操做。它也能夠監視整個做用域的層次結構，型號、 類型和值。此工具也顯示突出的 DOM 節點當它們指向各自的做用域的時候。

AngularJS Batarang

使用 Chrome 特有的擴展工具 AngularJS Batarang 來調試您的 AngularJS 應用程序。它能幫助您提升應用程序的性能。當在進行性能優化的時候它也能測量應用程序的進展。

Restangular

Restangular 是 AngularJS 獨有的服務，它能夠幫助您輕鬆地處理不一樣類型的譬如 get、 post、 delete 以及從數據庫取數據的請求。對全部的用於從 RESTful API 中大量清除數據的 AngularJS 應用程序而言是一個很好的選擇。
一個有用的工具 -- Generator Angular

Yeomen Generator

您可使用合理的默認值和最佳作法來啓動一個項目。像要創建這種 Angular 應用，Yeomen 生成器工具是很是好的助手。它僅僅使用幾個終端命令就能加快 AngularJS 應用程序的開發過程。
這個生成器將會獨自得到應用程序中的信息而避免其餘程序得到，而且幫助建立和檢測這個應用程序。

Angular Deckgrid

Angular Deckgrid 給您的應用程序提供高度響應和優秀視圖，能夠適應不一樣的便攜式設備。這個輕量級的「砌體類網格」工具也有助於建立一個靈活的網格用來以一種高效的方式展現照片。

Radian

當咱們使用 Radian 這種卓越的框架時，咱們只須要進行不多的設置就能夠在 AngularJS 中啓動一個 web 應用。它是多開發人員協做項目的最理想的選擇。

Lumx

當您想要用一種快速和容易的方式來建立一個簡單而優雅的應用程序的時候，Lumx 將給你提供幫助。此響應式前端框架是基於 AngularJS 和谷歌材料設計規範開發的。此工具內含最新的技術，如 Sass 預處理器、 AngularJS 和 jQuery，將有助於大大提升 web 應用程序的性能。

Angular Gettext

你可使用英語中來編碼而後在須要被翻譯的部分進行一個特殊的標註便可。Angular Gettext 工具會比較容易的自動翻譯被標註的部分。這是 AngularJS 中一個簡單但功能強大的翻譯支持工具 。

NgDocs

經過使用 AngularJS 框架內置的 ngDocs 工具來製做文檔和引用將使您的應用程序更容易的工做。這個基於安卓的工具對於新手來講也能夠比較輕鬆的經過專門的教程來學習。

NgTables

不論是簡單仍是複雜的 web 應用程序，使用 AngularJS 框架支持的 ngTables 工具來建立並管理一張表是十分容易的。經過這個工具，你能夠靈活的操做這張表，好比執行排序、篩選和分頁等操做。
這個工具也支持自定義篩選器選項，帶有分組，外部控制數據，回調函數以及許多其餘功能的表。充分利用這一工具來高效的執行這些功能吧。
講到這就結束了，這些是對於輕鬆地建立任何類型的 AngularJS web 應用程序最有用的工具。使用這些工具來高效的建立你的 AngularJS 項目吧！
但願找此列表對您有用。若是在此列表中找不到這些工具，那麼請在評論欄中提建議，咱們將嘗試去引用它。

更多IT技術乾貨: wiki.jikexueyuan.com