針對Web開發人員的14 個實用的 AngularJS 工具
1. <a href="/misc/goto?guid=4958865832660050715" target="_blank" class="broken_link" rel="nofollow">Webstorm</a> </h3>
1. <a href="/misc/goto?guid=4958865832660050715" target="_blank" class="broken_link" rel="nofollow">Webstorm</a> </h3>
Webstorm是一個集成開發環境或IDE,這有助于在瀏覽器中測試開發代碼,而無需刷新定期。這是一個代碼編輯器,支持現代計算機編程語言和JavaScript,Node.js的,HTML和CSS。
2. <a href="/misc/goto?guid=4958337885604703603" target="_blank">SublimeText</a> </h3>
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.
3. <a href="/misc/goto?guid=4958866643087701067" target="_blank">Karma</a> </h3>
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.
4. <a href="/misc/goto?guid=4958866643204415320" target="_blank" class="broken_link" rel="nofollow">Jasmine</a> </h3>
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.
5. <a href="/misc/goto?guid=4958865832456803653" target="_blank">Protractor</a> </h3>
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.
6. <a href="/misc/goto?guid=4958850470559173566" target="_blank" class="broken_link" rel="nofollow">Angular Batrang</a> </h3>
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.
7. ng<a href="/misc/goto?guid=4958865833251148235" target="_blank">-inspector</a> </h3>
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.
8. <a href="/misc/goto?guid=4958865832896194424" target="_blank">Mocha</a>.<a href="/misc/goto?guid=4958865832896194424" target="_blank">JS</a> </h3>
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.
9. <a href="/misc/goto?guid=4958866643506472831" target="_blank" class="broken_link" rel="nofollow">AngularUI</a> </h3>
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.
10. <a href="/misc/goto?guid=4958865833132629430" target="_blank" class="broken_link" rel="nofollow">Restangular</a> </h3>
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.
11. <a href="/misc/goto?guid=4958865833376565538" target="_blank" class="broken_link" rel="nofollow">Angular Gettext</a> </h3>
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.
12. <a href="/misc/goto?guid=4958865833789544111" target="_blank" class="broken_link" rel="nofollow">Ment.io</a> </h3>
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.
13. <a href="/misc/goto?guid=4958865833536383190" target="_blank" class="broken_link" rel="nofollow">Generator Angular</a> </h3>
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.
14. <a href="/misc/goto?guid=4958866643780266075" target="_blank" class="broken_link" rel="nofollow">ngDocs</a> </h3>
14. <a href="/misc/goto?guid=4958866643780266075" target="_blank" class="broken_link" rel="nofollow">ngDocs</a> </h3>
ngDocs是一個基于Android的工具,對于新人它可以很容易學習AngularJS文檔以及一些教程。
15. <a href="/misc/goto?guid=4958865834458098962" target="_blank">LumX</a> </h3>
15. <a href="/misc/goto?guid=4958865834458098962" target="_blank">LumX</a> </h3>
LumX是一個構建在Sass, Neat, Bourbon 和一些 jQuery 之上的一個AngularJS工具。它是一個響應式前端框架。