針對Web開發人員的14 個實用的 AngularJS 工具

jopen 9年前發布 | 14K 次閱讀 angularjs

1. <a href="/misc/goto?guid=4958865832660050715" target="_blank" class="broken_link" rel="nofollow">Webstorm</a> </h3>

Webstorm是一個集成開發環境或IDE,這有助于在瀏覽器中測試開發代碼,而無需刷新定期。這是一個代碼編輯器,支持現代計算機編程語言和JavaScript,Node.js的,HTML和CSS。

針對Web開發人員的14 個實用的 AngularJS 工具

2. <a href="/misc/goto?guid=4958337885604703603" target="_blank">SublimeText</a> </h3>

As one of the favorite AngularJS tools, SublimeText has gained popularity based on its customized properties. The fact that it can adapt to various environments and allows one to work with Angular has made it an even bigger hit.

針對Web開發人員的14 個實用的 AngularJS 工具

3. <a href="/misc/goto?guid=4958866643087701067" target="_blank">Karma</a> </h3>

Karma is one of the most beloved JavaScript testing AngularJS tools. Karma allows the developer to test codes on actual browsers. It also performs E2E testing, midway testing, unit testing on a number of browsers and devices and also helps debug the problems.

針對Web開發人員的14 個實用的 AngularJS 工具

4. <a href="/misc/goto?guid=4958866643204415320" target="_blank" class="broken_link" rel="nofollow">Jasmine</a> </h3>

Jasmine is a Behavior-driven development tool primarily meant for websites and Node.js projects. Jasmine doesn’t rely on any browsers.

針對Web開發人員的14 個實用的 AngularJS 工具

5. <a href="/misc/goto?guid=4958865832456803653" target="_blank">Protractor</a> </h3>

Developed by the Angular team, Protractor is one of the most powerful E2E Angular testing tools. Protractor is made from a combination of tools including Jasmine, Mocha, webDriver, and Selenium and allows flexible and accurate testing.

針對Web開發人員的14 個實用的 AngularJS 工具

6. <a href="/misc/goto?guid=4958850470559173566" target="_blank" class="broken_link" rel="nofollow">Angular Batrang</a> </h3>

This chrome extension helps you debug the code after testing. Angular Batrang shows testing results in three different bars of performance, dependence, mode, and also lets you control the inspection.

針對Web開發人員的14 個實用的 AngularJS 工具

7. ng<a href="/misc/goto?guid=4958865833251148235" target="_blank">-inspector</a> </h3>

ng-inspector is a Chrome and Safari extension that helps in development, debugging and understanding of AngularJS.

針對Web開發人員的14 個實用的 AngularJS 工具

8. <a href="/misc/goto?guid=4958865832896194424" target="_blank">Mocha</a>.<a href="/misc/goto?guid=4958865832896194424" target="_blank">JS</a> </h3>

Mocha.JS是一個靈活的測試和調試工具 is a flexible testing and debugging tool that can be operated with frameworks like snion.js or Chai.

針對Web開發人員的14 個實用的 AngularJS 工具

9. <a href="/misc/goto?guid=4958866643506472831" target="_blank" class="broken_link" rel="nofollow">AngularUI</a> </h3>

This tool helps build Angular applications faster with its UI components and raw directives. UI-Bootstrap is the most popular directive among others.

針對Web開發人員的14 個實用的 AngularJS 工具

10. <a href="/misc/goto?guid=4958865833132629430" target="_blank" class="broken_link" rel="nofollow">Restangular</a> </h3>

Restangular is different than other AngularJS tools for it contains features like HTTP method support and self linking elements.

針對Web開發人員的14 個實用的 AngularJS 工具

11.  <a href="/misc/goto?guid=4958865833376565538" target="_blank" class="broken_link" rel="nofollow">Angular Gettext</a> </h3>

This tool helps with translation; all you need to do is write the code in English and highlight the areas that need translation and the AngularJS tools will do the rest.

針對Web開發人員的14 個實用的 AngularJS 工具

12. <a href="/misc/goto?guid=4958865833789544111" target="_blank" class="broken_link" rel="nofollow">Ment.io</a> </h3>

Ment.io watches changes in the ngModel, and provides type head menu for any sequence of non-white spaced characters starting with a trigger character.

針對Web開發人員的14 個實用的 AngularJS 工具

13. <a href="/misc/goto?guid=4958865833536383190" target="_blank" class="broken_link" rel="nofollow">Generator Angular</a> </h3>

This tool helps speed up the Angular development with few terminal commands. This tool can also automatically develop, test and more.

針對Web開發人員的14 個實用的 AngularJS 工具

14. <a href="/misc/goto?guid=4958866643780266075" target="_blank" class="broken_link" rel="nofollow">ngDocs</a> </h3>

ngDocs是一個基于Android的工具,對于新人它可以很容易學習AngularJS文檔以及一些教程。

針對Web開發人員的14 個實用的 AngularJS 工具

15. <a href="/misc/goto?guid=4958865834458098962" target="_blank">LumX</a> </h3>

LumX是一個構建在Sass, Neat, Bourbon 和一些 jQuery 之上的一個AngularJS工具。它是一個響應式前端框架。

針對Web開發人員的14 個實用的 AngularJS 工具


 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!