20 个 AngularJS 开发工具

Posted 2021-04-25 黑马程序员

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。

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