文章翻譯 ：楊旋
發(fā)表時間：2015 年 7 月 23 日
原文作者：Leena Joseph
文章分類：web 開發(fā)
本文是針對 Angular.js 開發(fā)者而寫，在本文中，作者介紹了 20 種實用的 angular.js 工具 。其中包括了開發(fā)所用的 IDE，測試工具，庫文件以及擴展工具。俗話說“磨刀不誤砍柴工”，在使用一項開發(fā)技術進行開發(fā)之前，應該先學習下支持該技術的工具，這樣能使你事半功倍。
喜歡使用 Angular.js 嗎？我們已經為開發(fā)人員收集了一些非常好的 angular.js 工具以便開發(fā)人員使用，為了讓開發(fā)人員在使用 angular 進行開發(fā)的時候使用這些工具來保持一個高效率的狀態(tài)。
Angular.JS 框架已成為用動態(tài)方式設計 web 應用程序的開發(fā)人員使用的框架之一。假如這里有一些 angularjs 開發(fā)人員即將開始做一個 AngularJS 項目，他們可能需要使用許多工具并以一種成熟的方式來開發(fā)一個網站。
Angular.js 的初學者可能想在開始使用它之前讀一些好的關于 angular.js 的書籍。
我們制作了大量的 angular.js 在線學習教程。
為了減輕使用 AngularJS 開發(fā)的負擔，這里有幾個很棒的工具，包括測試、 前端開發(fā)、 編輯、 庫、 擴展、 模塊、 代碼生成器、 以及網格工具。
下面列舉了一些開發(fā)人員最需要的集成開發(fā)環(huán)境 (IDE) 和 Angular.js 的輕量級文本編輯器。
Webstorm 是一個非常出色的代碼編輯器，它徹底的適配項目并且為建立各種類型的網站都提供了高質量的編碼。它支持當前最新的網頁開發(fā)技術。每個使用此 IDE 工具進行開發(fā)的 web 項目，它都很好的結合了每一個細節(jié)并且簡化了創(chuàng)建網站的工作流程。
Aptana 是有助于用敏捷的方式創(chuàng)建 web 應用程序的集成開發(fā)環(huán)境。如果要在 AngularJS 中使用此 IDE 編輯器工具，您需要從 Eclipse 市場激活 AngularJS Eclipse 擴展。
Sublime 對 AngularJS web 開發(fā)人員而言是一個比較便利的文本編輯器。通過使用幾個快捷鍵，它有助于我們在編碼區(qū)域內達到目標點。它具有高度適應性并且可以定制任何類型的編譯環(huán)境。它還可以按照您的意愿進行拆分編輯?？梢暂p松的在各個項目之中切換，它會自動的存下每個項目中的所有改動。
不管是使用 Angular.js 或者任何其他的軟件，測試都是開發(fā)過程的重要組成部分。在使用 Angular.js 開發(fā)的過程中，下面的工具可以幫助您簡化測試過程。
這些工具可以和 javascript 在線測試工具很好的契合。
Protractor，一種端到端的測試框架，當它和 AngularJS 一并使用時，它運用了一種完全自動化的測試方式。它通過在真實的瀏覽器中運行您的應用程序來進行測試。它適用于像 WebDriver、Mocha、 jasmine、 Node.js，selenium，cucumber 等偉大的技術。
它自動的與 AngularJS 應用程序進行通信，一旦所有被掛起的 web 頁面的任務都完成了以后，你不需要使用一個等待或睡眠命令來進行測試。
Jasmine 是一個行為驅動開發(fā)框架，它是專門為 JavaScript 用戶定制的。它一般會使用函數來構建您的測試并且一直維護它直到結束?？梢酝ㄟ^使用一個單一的多功能一體包來完成任何類型的測試，這也是它的主要優(yōu)點，使用一種簡單的方式來測試您的程序。
這個框架也有一個缺點，就是它并不知道在哪個平臺 (瀏覽器) 上運行。不過可以通過同時使用 Karma 來克服這個缺點。
Karma 也是一個測試框架，在和 Jasmine 一起工作時可以作為一個測試運行程序來高效的測試應用程序。
它絕對是一個有助于建立和測試您的 web 應用程序的前端開發(fā)工具。當您在實時的編寫代碼的時候，COLT 通過給您提供建議來修改代碼，并且把以統(tǒng)一的格式編寫好的代碼進行存儲。通過使用這個工具，已經編輯好的代碼將自動的反映在運行的應用程序中。
下面是一些有用的庫，開發(fā)人員通過使用它們可以很容易的增強 angular.js 框架的使用效果。請不要嘗試去開發(fā)一個相同的庫，因為已經有人把它做好并且開源了。
對于所有使用 HTML，CSS 和 JavaScript 進行開發(fā)的前端開發(fā)人員來說，CodePen 是一個完美編輯器工具。這個工具縮短了開發(fā) web 前端頁面的創(chuàng)建、 測試和完善網站等單調乏味的過程。它是一個同時協作的編碼環(huán)境。
Web 開發(fā)人員可以專門對跨平臺進行實時的查看。它在瀏覽器代碼的編輯器中的可以自動快速的上傳多種文件。在這方面它幫助 web 開發(fā)人員實現了更快速的開發(fā)。
在 AngularFire 的幫助下創(chuàng)建后端的 AngularJS 應用程序已經變得非常便捷。AngularFire 已經正式支持將 AngularJS 綁定上 Firebase。Firebase 是一個基于云計算的平臺，可以方便地與實時應用程序進行集成以及快速的創(chuàng)建后端。
當 Firebase 和 AngularFire 相結合時，它們可以更快的實現數據同步并且提供了卓越的用戶管理服務。它還將呈現數據綁定、 用戶身份驗證，以及靜態(tài)承載這三方面內容。
AngularJS 很著名是因為它可以很有效的創(chuàng)建單頁面應用程序。為了創(chuàng)建這些應用程序，我們需要一個路由設施。正好 AngularJS 框架有一個很全面的 UI 組件，它被俗稱為 ui 路由器。它提供了一個輕松的導航，也可以根據應用程序的狀態(tài)而不僅僅是基于路由 URL 來更改視圖。
在 AngularUI 中還有很多其他使用原始指令的 UI 組件，比如 ui-地圖、 ui-日歷以及 ui-引導。這些 UI 組件和指令可以幫助你更快的建立網站。
UI Bootstrap 是一個非同尋常的 AngularUI 組件，它有助于為智能手機創(chuàng)建易于使用和理解 web 應用程序。通過使用 AngularJS 的本地指令，該 UI 組件將給予你 Twitter bootstrap 的所有權限。
下面是一些可用于特定的應用程序的 Angular.js 擴展。
在 ng-inspector 擴展工具的幫助下，我們可以創(chuàng)建一個檢查控制菜單來創(chuàng)建調試和理解 AngularJS 應用程序。它也是一個杰出的可以適用于火狐、Chrome 和 Safari 的瀏覽器擴展工具。
它很容易與您的應用程序進行交互，并且在您的應用程序中更新每一個實時的操作。它也可以監(jiān)視整個作用域的層次結構，型號、 類型和值。此工具也顯示突出的 DOM 節(jié)點當它們指向各自的作用域的時候。
使用 Chrome 特有的擴展工具 AngularJS Batarang 來調試您的 AngularJS 應用程序。它能幫助您提高應用程序的性能。當在進行性能優(yōu)化的時候它也能測量應用程序的進展。
Restangular 是 AngularJS 獨有的服務，它可以幫助您輕松地處理不同類型的譬如 get、 post、 delete 以及從數據庫取數據的請求。對所有的用于從 RESTful API 中大量清除數據的 AngularJS 應用程序而言是一個很好的選擇。
一個有用的工具 -- Generator Angular
您可以使用合理的默認值和最佳做法來啟動一個項目。像要建立這種 Angular 應用，Yeomen 生成器工具是非常好的助手。它僅僅使用幾個終端命令就能加快 AngularJS 應用程序的開發(fā)過程。
這個生成器將會獨自獲得應用程序中的信息而避免其他程序獲得，并且?guī)椭鷦?chuàng)建和檢測這個應用程序。
Angular Deckgrid 給您的應用程序提供高度響應和優(yōu)秀視圖，可以適應不同的便攜式設備。這個輕量級的“砌體類網格”工具也有助于創(chuàng)建一個靈活的網格用來以一種高效的方式展示照片。
當我們使用 Radian 這種卓越的框架時，我們只需要進行很少的設置就可以在 AngularJS 中啟動一個 web 應用。它是多開發(fā)人員協作項目的最理想的選擇。
當您想要用一種快速和容易的方式來創(chuàng)建一個簡單而優(yōu)雅的應用程序的時候，Lumx 將給你提供幫助。此響應式前端框架是基于 AngularJS 和谷歌材料設計規(guī)范開發(fā)的。此工具內含最新的技術，如 Sass 預處理器、 AngularJS 和 jQuery，將有助于大大提高 web 應用程序的性能。
你可以使用英語中來編碼然后在需要被翻譯的部分進行一個特殊的標注即可。Angular Gettext 工具會比較容易的自動翻譯被標注的部分。這是 AngularJS 中一個簡單但功能強大的翻譯支持工具 。
通過使用 AngularJS 框架內置的 ngDocs 工具來制作文檔和引用將使您的應用程序更容易的工作。這個基于安卓的工具對于新手來說也可以比較輕松的通過專門的教程來學習。
不管是簡單還是復雜的 web 應用程序，使用 AngularJS 框架支持的 ngTables 工具來創(chuàng)建并管理一張表是十分容易的。通過這個工具，你可以靈活的操作這張表，比如執(zhí)行排序、篩選和分頁等操作。
這個工具也支持自定義篩選器選項，帶有分組，外部控制數據，回調函數以及許多其他功能的表。充分利用這一工具來高效的執(zhí)行這些功能吧。
講到這就結束了，這些是對于輕松地創(chuàng)建任何類型的 AngularJS web 應用程序最有用的工具。使用這些工具來高效的創(chuàng)建你的 AngularJS 項目吧！
希望找此列表對您有用。如果在此列表中找不到這些工具，那么請在評論欄中提建議，我們將嘗試去引用它。
我是 Leena Joseph。我是一個充滿激情的 angularjs 開發(fā)人員，我和 Agriya 一同工作，他喜歡分享一些技巧以及 web 開發(fā)服務的最新趨勢。我比較熟悉 YII 框架，Laravel 開發(fā)！請在 twitter 上關注我。
更多IT技術干貨: wiki.jikexueyuan.com
加入極客星球翻譯團隊: http://wiki.jikexueyuan.com/project/wiki-editors-guidelines/translators.html版權聲明：
本譯文僅用于學習和交流目的。非商業(yè)轉載請注明譯者、出處，并保留文章在極客學院的完整鏈接
商業(yè)合作請聯系 wiki@jikexueyuan.com
原文地址：http://www.fromdev.com/2015/07/useful-angularjs-tools.html
掃碼關注鍍金池微信號
手機訂課，優(yōu)惠多多
