20個angularjs開發工具

AngularJS是那些渴望以動態方式來設計web app的web開發人員最偏心的框架之一。若是你是一個但願啓動AngularJS項目的開發人員，那麼你可能須要幫助來挑選出趁手的工具……

在ValueCoders中，咱們作了一番研究以緩和用AngularJS開發的負擔。下面是20個最新的用於測試、前端開發、IDE編輯器、文本編輯器、精華庫、模塊、擴展、代碼生成器、Grid工具等的工具。

先按用處奉上我最喜歡的三個AngularJS測試框架：

1.Karma——這是我最喜歡的用於AngularJS開發的測試框架之一。它提供了完美的測試環境，容許你可以在真實的瀏覽器和真正的設備如手機和平板電腦上測試app。

2.Protractor——這是一個終端到終端的測試框架。此Node.js程序創建在WebDriverJS上面。它在一個真正的瀏覽器中運行測試並與app交互，就像任何正經常使用戶那樣。

3.Jasmine——此行爲驅動測試框架並不依賴於瀏覽器，DOM，或任何JavaScript框架。所以它很是適合於Node.js項目，或任何其餘有JavaScript運行的地方。

除了上面我最喜歡的三個AngularJS工具以外，一些其餘的工具也很不錯，如：

4. Djangular——這是一個可重複使用的app，提供了與Angular JS更好的集成。有了這個工具的幫助，你就能夠爲每一個應用程序建立Angular JS內容。

5. Ment.io——此工具引入了mention和宏部件，而不依賴於jQuery。你能夠直接應用ment.io指令到任何元素，它會接受可選擇的文本輸入。

6. Angular Kickstart——這個工具能夠加速你的AngularJS開發，並配備了一個可擴展的構建系統，使開發過程變得小菜一碟。

7. AngularFire——有了這個工具，你能夠輕鬆地爲你的Angular app建立後端。其靈活的API，3路數據綁定和快速開發能力能夠幫助開發。

8. Mocha.js——這是一個功能豐富的JavaScript測試框架，運行在Node.js和容許異步測試的瀏覽器上，使得它在報告和製圖方面靈活又精準。

9. SublimeText——這對於開發人員是最好的文本代碼編輯器，它讓編碼變得比以往更容易。許多開發人員更偏心於使用此文本編輯器。

10. Restangular——此工具簡化了常見的GET，POST，DELETE，和UPDATES請求，並要求最小的客戶端代碼。它是消費來自於RESTful API的數據的Web app的理想工具。

11. Generator Angular——有了這個工具的幫助，你便可以用合理的默認值迅速設立一個項目。它能夠生成全部你啓動app項目所須要的樣板文件。

12. NG-Inspector——這個針對於Chrome和Safari的瀏覽器擴展會增長一個檢查窗格，從而幫助你開發、調試和理解你的AngularJS應用。它經過Controllers和Directives很容易識別並顯示每一個範圍。

13. Angular Seed——這是典型AngularJS web app的應用程序框架，你能夠應用來快速引導angular app項目以及針對這些項目的開發環境。

14. Code Orchestra——此前端開發工具容許你直播式地編寫代碼。當你修改代碼並保存的時候，它們會使用一個特殊的協議自動實現到正在工做的應用程序中。

15. Videogular——這是一個基於HTML 5用於Angular JS的視頻播放器，它容許你輕鬆添加視頻和其餘多媒體元素到你的應用程序。

16. Webstorm——它帶有一個智能的代碼編輯器，提供了對JavaScript，Node.js，HTML和CSS的大力支持……，也爲它們全部的現代繼承者。它可與全部的現代技術一塊兒工做，使之成爲大多數開發者一個不錯的選擇。

17. Angular GetText——開發者把它叫作是Angular JS的超簡單翻譯支持工具。你能夠用英文簡單地輸入文本，將其標記爲翻譯，而後交給工具執行便可。

18. Angular Deckgrid——這是一個用於AngularJS輕量級的網格，在這個工具中你的指令不依賴於可視化的表示。它全部可視化的表示形式都使用CSS文件。

19. Angularjs UI——這個工具是UI組件的集合，並配備了實用的指示，來幫助你更快的建立Angular應用程序。它採用原始指令，如ui-router，ui-map和ui-calendar，而不是小部件。

20. Mean——這是一個簡單而完美的樣板文件，AngularJS開發人員用來建立MongoDB，Node.js，Express和Angular JS app。它配備了預先捆綁並配置好的模塊，如Mongoose和Passport。

就此結束！感謝閱讀！

譯文連接：http://www.codeceo.com/article/my-best-20-angularjs-tools.html

譯文連接：http://www.codeceo.com/article/my-best-20-angularjs-tools.html英文原文：My Top 20 Favorite Angular JS Developer Tools翻譯做者：碼農網 – 小峯