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

2015-07-02 分類：WEB開發、程式設計開發、首頁精華1人評論發表於2015-07-02

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應用程式中。