15个对开发人员有用的AngularJS工具
想把脚趾伸入Angular吗？ 如果您已经阅读了10篇最佳教程来学习AngularJS，并且想自己玩弄Angular，那么您来对地方了。 我们这里有一些工具可以简化您的开发工作流程 。
我们正在寻找15种最好的IDE，文本编辑器，用于测试和调试的 工具 ，模块以及用于Angular构建的开发工具和应用程序 。 如果您有自己喜欢的工具或应用，请在下面的评论中与我们分享。
AngularJS入门
每隔一段时间就会出现一种新工具，就像它突然出现一样，它会渗入... 阅读更多
IDE和文本编辑器
在编程世界中，有两种类型的编辑器： 功能齐全的集成开发环境 （ IDE ）和轻量级文本编辑器 。 两者都允许更快的开发工作流程。
我们在下面列出的IDE和文本编辑器是加速Angular开发的非常好的工具。 可以为Angular环境轻松配置它们。
网络风暴
WebStorm不仅适用于Javascript，还适用于HTML和CSS。 它具有出色的实时编辑器，可让您在浏览器中查看编码结果，而无需频繁刷新。
默认情况下，它们的最新版本带有AngularJS插件包，尽管您需要首先在项目中包括Angular脚本。 有关更多详细信息，请阅读WebStorm 博客文章 。
阿普塔纳
Aptana是一个免费的开源IDE，实际上是针对Javascript，HTML，CSS和其他Web好东西的Eclipse的定制版本。 要扩展Aptana以获得Angular支持，您需要做的就是从Eclipse Marketplace安装AngularJS Eclipse扩展。
崇高文字
Sublime Text是最流行的文本编辑器之一，由于其可定制性以适应任何类型的编程环境而受到许多人的喜爱。 它也很快并且具有可自定义的代码片段支持，并且具有许多软件包，包括AngularJS软件包 ，使您可以使用Angular。
这是Dan Wahlin的精彩文章 ，您可以查看有关此内容。
有关Sublime Text的更多信息：
- 18个基本的Sublime Text插件
- 12个最想要的Sublime Text提示和技巧
- 如何在Sublime文本中插入文件路径
- 快速预览Localhost项目，带有Sublime Text
- 使用高级文本管理注释和列表
- 添加带有高级文字CSS供应商前缀
测试与调试工具
测试和调试是开发过程中的重要部分，尤其是在Angular之类的环境中。 以下是一些可以帮助您测试和调试应用程序的工具。
业力
Karma是针对Angular的出色测试运行程序，但也可以与其他任何Javascript框架一起使用。 它支持任何类型的测试： 单元测试，中途测试和E2E测试 。
Karma通过打开您在配置文件中列出的浏览器来工作。 然后，它使用socket.io与活动的浏览器通信，并询问您是否运行测试。
茉莉花
Jasmine用于行为驱动开发（BDD），但是您可以通过一点自定义将其用于测试驱动开发（TDD）。 它通常与Karma结合在一起：Karma作为测试运行者，Jasmine作为测试框架。
Jasmine将自动检查您的所有Javascript类和函数，并将未处理的代码通知您。 缺点是它不知道测试在哪个环境（浏览器）进行 ，但Karma弥补了这一缺点。
摩卡
与Jasmine相比， MochaJS 更加灵活，但是Jasmine是一个多合一的软件包 。 使用MochaJS，如果要使用间谍框架，则需要使用其适当的库（例如sinon.js）设置Mocha。 而且，如果您需要断言框架，则需要使用像Chai这样的框架来配置Mocha。
量角器
量角器可能是最强大的自动化端到端 （e2e）Angular测试工具。 由Angular团队开发的Protractor是通过结合当今可用的一些出色技术（如NodeJS，Selenium，webDriver，Mocha，Cucumber和Jasmine） 构建的 。
角巴塔朗
除了Protractor之外，Angular团队开发的另一个出色工具是Angular Batarang 。 Batarang是用于调试Angular应用程序的Chrome扩展程序。 检查完您的应用程序后，Batarang将在三个不同的选项卡中显示模型，性能和依赖项调试结果。
您还可以控制检查，确定是否显示应用程序，绑定或范围 。
ng-inspector
ng-inspector是Chrome和Safari支持的浏览器扩展。 与在DevTools中显示的Batarang不同，ng-inspector更喜欢侧面板显示。 将鼠标悬停在合并范围上时，可以检查并突出显示DOM元素。 您还可以实时查看范围和模型。
模组
快速搜索Github Angular Topic应该可以找到社区开发的大量Angular模块。 但是，如果您需要快速浏览，下面是我们为您收集的一些良好资源的列表。
角材料
Angular Material是基于自己的Google Material设计语言的UI组件的集合。 该集合由Google和Angular的团队构建，包含Material Design的每个组件，例如表单控件，导航，布局及其实用工具。
如果您正在寻找带有Angular的完整的UI框架包，那就别无所求。
AngularUI
AngularUI是使用AngularJS构建的UI组件的集合。 它的实用程序指令可帮助您更快地构建Angular应用程序。 AngularUI代替了小部件，而是使用诸如ui-router ， ui-map ， ui-calendar等原始指令。您可能最喜欢的指令是UI-Bootstrap ，它可以在Angular中本地创建Twitter Bootstrap 。 查看其干净漂亮的文档页面以开始使用。
矩形
使用Angular，您可能很难使用$resource和$http来创建Rest API。 Restangular可以帮助简化 获取，删除，更新和发布数据请求的使用 。
使Restangular与$resource区别开的一些功能是HTTP方法支持，自链接元素， promise用法等等。 在此处了解更多信息，并查看Plunkr上的实时演示。
角度Gettext
Angular-Gettext是用于实现超级轻松本地化的绝佳Angular模块。 主要功能是您可以像添加attribute一样轻松地转换Web应用程序。 它使您可以专注于应用程序开发，并将所有翻译留给Angular-Gettext。
工具与应用
最后，我们只是将其留在这里。 这是更多工具和应用程序的列表，这些工具和应用程序可能会使您的Angular开发过程更轻松，更流畅。 他们与刚开始使用Angular的人合作良好。
发电机角度
Yeoman有一个称为Generator Angular的代码生成器 。 使用此工具，您仅需几个终端命令即可加速Angular开发。 它可以自动生成开发服务器，单元和框架测试，视图，指令等。
很棒的角度
AwesomeAngular是Angular的全面列表。 您可以在Twitter中找到书籍，备忘单，学习源，教程，组件和Angular导出的列表。
