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