20 个 AngularJS 开发工具

更新日期: 2019-11-09阅读量: 818标签: angular

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。


链接: https://www.fly63.com/article/detial/8932

angular.js和vue.js中实现函数去抖

搜索输入框中,只当用户停止输入后,才进行后续的操作,比如发起Http请求等。本文将分别探讨在angular.js和vue.js中如何实现对用户输入的防抖。

你所要知道的所有关于Angular的变化检测机制

如果想像我一样全面的了解Angular的脏值检测机制,除了浏览源代码之外别无他法,网上可没有太多可用信息。大部分文章都提到,Angular中每个组件都自带一个脏值检测器,但是它们都仅仅停留在脏值检测的策略和案例的使用,并没有做太多的深入。

探索 Angular 使用 ViewContainerRef 操作 DOM

每次我读到 Angular 如何操作 DOM 相关文章时,总会发现这些文章提到 ElementRef、TemplateRef、ViewContainerRef 和其他的类。尽管这些类在 Angular 官方文档或相关文章会有涉及,但是很少会去描述整体思路

解决angularJS解决数据显示闪一下的问题?

使用 angular JS 的时候,把 angularJS 放到文件底部,在渲染页面的时候,会出现闪一下的情况。解决办法:1、使用 ng-cloak ;2、将angular.js的引入放到head前,提前加载;3、使用 ng-bind

Angular HMR(热模块替换)功能实现方法

在使用Angular的时候,希望能像VUE那样,修改代码后浏览器不刷新,页面对应修改的组件自动更新的功能。这个功能的名字时HMR (hot module replace)。稍微研究了一下,发现在angular/cli创建的项目中,实现这个不算太难,步骤如下

Angular 6的新功能,特点介绍

Angular 6目的是为了使Angular变得更小,更快,更易于使用。Angular 6版本更加关注底层框架和工具链,同时加快了工具链在Angular中的运行速度,除此以外,这次更新还包括框架包

angular2及其他项目中遇到的问题和解决方法

Angular2项目日常开发中所遇问题及解决方案记录:angular-cli修改域名及端口号、解决双击变蓝的问题、修改浏览器滚动条的默认样式等等

angular动态绑定样式以及改变UI框架样式的方法

ngClass要绑定的类名会在tr根据数据循环生成html的过程中调用组件中定义的isHideClass方法,并把i(index)带过去让方法使用根据方法逻辑返回的类名去绑定写好的样式

Angularjs的$http异步删除数据详解及实例

这篇文章主要介绍了Angularjs的$http异步删除数据详解及实例的相关资料,这里提供实现思路及实现具体的方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下。

angularJS自定义服务的几种方式

在angularJS中定义服务共有四种常见的方式:factory,service,provider,constant,value.使用形式的不同:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!