20 个 AngularJS 开发工具

Posted 黑马程序员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了20 个 AngularJS 开发工具相关的知识,希望对你有一定的参考价值。


AngularJS是那些渴望以动态方式来设计web app的web开发人员最偏爱的框架之一。如果你是一个希望启动AngularJS项目的开发人员,那么你可能需要帮助来挑选出趁手的工具……

20 个 AngularJS 开发工具


在ValueCoders中,我们做了一番研究以缓和用AngularJS开发的负担。下面是20个最新的用于测试、前端开发、IDE编辑器、文本编辑器、精华库、模块、扩展、代码生成器、Grid工具等的工具。

先按用处奉上我最喜欢的三个AngularJS测试框架:

1.Karma——这是我最喜欢的用于AngularJS开发的测试框架之一。它提供了完美的测试环境,允许你能够在真实的浏览器和真正的设备如手机和平板电脑上测试app。

20 个 AngularJS 开发工具

2.Protractor——这是一个终端到终端的测试框架。此Node.js程序建立在WebDriverJS上面。它在一个真正的浏览器中运行测试并与app交互,就像任何正常用户那样。

20 个 AngularJS 开发工具

3.Jasmine——此行为驱动测试框架并不依赖于浏览器,DOM,或任何javascript框架。因此它非常适合于Node.js项目,或任何其他有JavaScript运行的地方。

20 个 AngularJS 开发工具

除了上面三个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。




点击阅读原文可加入程序员交流群!

以上是关于20 个 AngularJS 开发工具的主要内容,如果未能解决你的问题,请参考以下文章

20个免费的 AngularJS 资源和开发教程

20 个有用的 Angular.js 工具

angularjs开发常见问题-2(angularjs内置过滤器)

推荐:20个有用的Angular.js工具

AngularJS开发最常犯的10个错误

技术文献JAVA☞AngularJS开发人员最常犯的10个错误