我最喜歡的 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。

就此結束！感謝閱讀！