AngularJS 是Web前端開發中的壹個 JavaScript 框架，目前在前端中使用率也是非常高的，也是Web前端開發者以動態形式開發時最喜歡的框架之壹。如果妳是壹個前端開發者希望基於AngularJS啟動壹個項目，妳需要篩選眾多的工具。為了減少用AngularJS開發的負擔，下面源碼時代Web前端培訓小編為大家介紹20款最新的工具，主要涉及測試、前端開發、IDE編輯器、文本編輯器、優秀庫、模塊、擴展、代碼生成器、網格工具等等。
1.Karma–是壹個簡單的javascript測試工具，它允許在多個真正的瀏覽器執行JavaScript代碼..提供了完美的測試環境，允許妳在真實的瀏覽器和設備比如手機和平板電腦上測試應用。
2.Protractor –是壹款端對端的測試框架。這個Node.js項目建立在WebDriverJS之上。它在真實瀏覽器上運行測試，與其交互就如任何正常用戶使用壹樣。
3. Jasmine –這款行為驅動測試框架不依賴於瀏覽器、DOM或者任何JavaScript框架，因此對於任何Node.項目或者任何JavaScript運行的地方都非常適合。
4. Djangular –這是壹款可重用的應用，可以提供更好的AngularJS集成。有了此工具的幫助，妳可以為每個應用創建 AngularJS內容。
5. Ment.io –這款工具引入了mention部件和宏控件，並不依賴於jQuery。妳可以應用ment.io指令作用於任何元素，並且它允許可選擇的文本輸入。
6. Angular Kickstart –這款工具加速了AngularJS開發，並伴隨可擴展的構建系統，簡化了開發過程。
7. AngularFire –用此工具，妳可以輕松創建 Angular 應用後臺。靈活的API，3種數據綁定方式以及快速開發能力使得開發變得輕松。
8. Mocha.js –這是壹款運行在node.js和瀏覽器上的功能豐富的測試框架。允許異步測試，能靈活準確的報告與映射。
9. SublimeText –對於開發者來說最好的壹款文本代碼編輯器，使得編寫代碼簡單化。比起其他文本編輯器，許多開發者更喜歡用Sublime Text.
10. Restangular –這款工具簡化了常見的GET, POST, DELETE, UPDATES請求，使用更簡短的代碼。對於任何通過 RESTful API 進行數據操作的 Web 應用都是理想化的工具。
11. Generator Angular –這款工具可以幫助妳快速的設置項目的默認結構。它能輸出讓妳快速開始app開發的模板。
12. NG-Inspector –這是壹個Chrome 和Safari 瀏覽器擴展，安裝成功後會出現先審查面板中，幫助妳開發、調試和深入理解 AngularJS 應用。它使得更容易標識和顯示Controllers 和Directives中的scope。
13. Angular Seed –這個壹個典型的AngularJS web app開發框架，它可以讓妳在開發環境快速啟動angular app。
14. Code Orchestra –這是壹個前端開發工具，它允許妳所見即所得方式開發代碼。壹旦妳保存修改了的代碼，它使用壹個特殊的協議自動的顯示出來。
15. Videogular –這是壹個針對AngularJS的基於HTML5的視頻播放庫，它使得在妳的app中使用視頻或其他多媒體更容易。
16. Webstorm –它是壹個智能的代碼編輯器，支持JavaScript, Node.js, HTML和CSS等等以及它們對應下壹代的繼任者。它能工作在所有的先進技術下，對大部分開發者來說，使用它是壹個很好的選擇。
17. Angular GetText –這是超級簡單的翻譯工具，妳只需輸入英文文本，標記它需要翻譯，它就會翻譯。
18. Angular Deckgrid –這是壹個輕量級的表格，它沒有自己的展現樣式，完全依賴於妳定義在CSS中的樣式。
19. Angularjs UI –這是壹個UI組件集合庫，它有很多有用的指令來幫妳快速的開發Angular應用。它使用指令來代替組件，如：ui-router, ui-map, and ui-calendar。
20. Mean –它是壹個使用MongoDB, Node.js, Express和AngularJS apps的簡單而完美的模板。它捆綁和配置了壹些模塊，如： Mongoose 、Passport。
21. Wijmo –這是新壹代HTML5/ JavaScript UI控件。大而全面的前端開發工具包，全面支持Angular 2。
22. VS Code(Visual Studio Code)是由微軟研發的壹款免費、開源的跨平臺文本(代碼)編輯器。幾乎完美的編輯器。
源碼時代：