25個超有用的 AngularJS Web 開發工具

本文由碼農網 – 王國峰原創翻譯，轉載請看清文末的轉載要求，歡迎參與我們的付費投稿計劃！

AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態文字展示設計的宣告式語言，改善了JavaScript。

下面我要說的就是25個超有用的AngularJS工具，web開發人員千萬不可錯過哦。

1）AngulaJS最佳測試工具——Protractor

Protractor支援AngularJS應用程式，是一款終端到終端的測試框架。Protractor在真正的瀏覽器中執行測試。由於Protractor支援Angular的具體定位策略，故而你無需進行任何設定就可以測試特定的Angular元素。

官方網站：http://angular.github.io/protractor/

2）AngularJS測試框架——Jasmine

Jasmine對於JavaScript使用者而言，也是一款測試框架。這也是一個DOM較少的JavaScript框架，它適合所有的Node.js專案和網站，並且在任何地方執行都是免費的。

官方網站：https://github.com/jasmine/jasmine

3）支援AngularJS的IDE——Webstorm

WebStorm的智慧程式碼編輯器為JavaScript、Node.js、HTML和CSS，以及它們的接替者提供了一流的支援。WebStorm可以很好地處理現流行的web技術，提供一流的AngularJS支援。

官方網站：https://www.jetbrains.com/webstorm/

4）AngularJS最佳框架——Angular fire

firebase是用於輕鬆構建Web和移動應用程式的系列庫，也是強大的框架。它能為JavaScript使用者提供Angular Fire框架。

官方網站：https://www.firebase.com/docs/web/libraries/angular/index.html

5）AngularJs測試工具——karma

karma也是一款非常盛行的測試框架，用於JavaScript應用程式，它還能為開發人員提供測試環境。

官方網站：http://karma-runner.github.io/0.12/index.html

6）最佳AngularJS工具——Mochajs

Mocha是一款執行在Node.js和瀏覽器上，功能豐富的JavaScript測試框架，它能夠使得非同步測試變得簡單而有趣。Mocha測試執行持續，在對映未捕獲的異常到正確的測試案例的同時，允許靈活和準確的報告。

官方網站：http://mochajs.org/

7）最好的程式碼編輯器——SublimeText

這是開發人員最喜歡的文字程式碼編輯器之一。

官方網站：http://www.sublimetext.com/

8）最佳的AngularGrid——Angular Deckgrid

Angular Deckgrid是輕量級的網格，支援AngularJS。免費下載。它的指令不依賴於視覺表現。所有的響應能力和美感來自於你的CSS檔案。

官方網站：http://andrekoenig.info/angular-deckgrid/#/

9）實用的AngularJS服務——Restangular

Restangular是一個AngularJS的服務，通過最少的客戶端程式碼簡化了常用的GET、POST、DELETE和UPDATE請求。

官方網站：https://github.com/mgonto/restangular

10）支援Chrome的AngularJS擴充套件——ng Inspector

ng Inspector支援Chrome和Safari瀏覽器，可協助你開發、除錯和理解AngularJS應用程式。

官方網站：http://ng-inspector.org/

11）Angular GetText

Angular gettext為AngularJS提供超級簡單的翻譯支援。只要用英語寫下來，標註要翻譯的部分，剩下的就交給它好了。

12）Angular框架——AngularUI

AngularUI是AngularJS框架。

官方網站：http://angular-ui.github.io/

13）Yeoman Generator Angular

支援AngularJS的Yeoman Generator——能讓你快速建立具有合理預設值和最佳實踐的專案。

官方網站：https://github.com/yeoman/generator-angular

14）djAngular

這是一個可重複使用的應用程式，提供了更好的應用程式整合。 Djangular允許你建立AngularJS內容的app，而不是包含了Django的單一龐大的AngularJS應用程式。

官方網站：https://github.com/appliedsec/djangular

15）Ment.io

Mentions和Macros部件基於AngularJS，但並不依賴jQuery。

官方網站：https://github.com/jeff-collins/ment.io

16）Angular Kickstart

想要加快你的AngularJS開發嗎？那麼此完整的、可擴充套件的構建系統的專案支架一定適合你。

官方網站：http://vesparny.github.io/angular-kickstart/#/

17）ng book

當我們在構建大型的Angular應用程式時，總是難以避免經常性地碰到那些看似難以發現和解決令人頭疼無比的問題。這時，ng book就上場了。

官方網站：https://www.ng-book.com/p/Debugging-AngularJS/

18）MeanIO

Mean是用於構建Web應用程式的簡單卻強大的JavaScript框架。

官方網站：http://mean.io/#!/

19）Code Orchestra

COLT是一款前端開發工具，它允許點播式編寫程式碼。當你修改程式碼儲存之後，它可以通過特殊的協議，將改變傳達給正在工作中的應用程式。支援AngularJS。

官方網站：http://codeorchestra.com/#/

20）Angular Seed

這是一個支援典型AngularJS Web應用程式的應用程式骨架。你可以用它來快速引導你的angular web應用專案，和支援這些專案的開發環境。

官方網站：https://github.com/angular/angular-seed

21）LUMX

基於AngularJS和Google Material Design規範的第一個響應前端的框架。對任何一個Web應用程式都非常重要。這也是為什麼我們只使用jQuery，而無需它的任何外掛。每個部件之後都可以被自制成完美地插入到AngularJS應用程式中。

官方網站：http://ui.lumapps.com/

22）ng Docs

官方網站：https://play.google.com/store/apps/details?id=com.wbyoko.ngdocs

23）AngularJS Batarang

支援Chrome的AngularJS WebInspector擴充套件。

官網網站：https://github.com/angular/angularjs-batarang

24）Videogular

這是一款支援AngularJS的HTML5視訊播放器。 Videogular用AngularJS開發，在用於專案時，你必將會被它的魅力所傾倒。

官方網站：http://www.videogular.com/

25）NG Table

官方網站：http://bazalt-cms.com/ng-table/