Angular JS 开发者的有用工具

引言

AngularJS 是一个新兴的、快速且流行的框架，用于创建快速的应用。最苛刻的框架也可以让开发者的生活更轻松，因为它简化了在 Web 应用程序中创建动态视图的过程。它还扩展了旧的 HTML 以简化您的流程。

今天，我们将讨论最流行且最有用的工具，以简化您的工作流程，构建出色的应用程序。该列表包含模块、扩展、测试和调试工具。如果您有除此处讨论之外的其他工具，可以在文章评论中分享您的工具。

让我们开始探索精彩工具的世界，以提高您的生产力，同时简化您的生活，开发丰富的 UI 应用程序，并执行调试、测试和为模块添加 UI。

WebStorm 是最智能的 JavaScript IDE，轻量级、功能强大，支持复杂的客户端和服务器端 node.js。它具有扩展功能，支持 JavaScript、HTML、CSS 到 Angular JS、Meteor 等。它具有内置的代码辅助功能，例如错误检测和强大的导航。它支持 Git 和 SVN 版本控制系统。现在它支持 Angular 2、Typescript 和 React。

Sublime Text 是时尚的代码文本编辑器。它具有简洁的用户界面、出色的功能和可靠的性能。使用 Goto 功能，您可以通过按键即可转到任何内容。多重选择功能可以同时更改多个实例。无干扰模式使您可以无缝地使用全屏工作。拆分编辑功能可以在不出现任何麻烦的情况下，同时对单个文件进行多次更改。它适用于跨平台。Angular JS 通过从此处添加包来工作。

Aptana 是一款免费的开源 IDE，它是 Eclipse 的定制版本，专注于 HTML、CSS 和 JavaScript。集成的调试器使查找问题变得容易。它还支持 Git。您甚至可以根据需要自定义 IDE 的外观和感觉。要为 AngularJS 扩展 IDE，您需要从 Eclipse 市场安装Angular JS 的扩展。

Karma 是 AngularJS 和其他脚本语言的测试运行器工具。Karma 的主要理念是我们相信测试，这就是为什么我们让 Karma 变得简单。Karma 的另一个优点是它不会通过允许加载数十个配置来使测试变得复杂，而是通过简单地编写代码并获得即时反馈来专注于生产力和创造力。它支持在真实设备和浏览器上运行测试。

Jasmine 是 JavaScript 的行为驱动测试框架，它不依赖于浏览器、DOM 或任何框架。因此，它在网站、node.js 以及任何运行 JavaScript 的地方都很受欢迎。

Protractor 是 AngularJS 应用程序的端到端测试框架。它建立在 WEBDRIVERJS 之上，后者使用原生浏览器事件和驱动程序与您的应用程序进行交互，就像用户一样。通过它，您可以毫不费力地测试应用程序。自动等待选项让您无需等待下一个事件，在完成待处理任务后自动执行下一个测试。

Batarang 是一款调试工具，它是 Chrome 扩展程序，可从Chrome 网上应用店获取。它将检查您的应用程序并在三个不同的选项卡中显示结果。这些选项卡包括模型、依赖项和性能。您还可以控制要在选项卡中显示的依赖项。

Ng-inspector 是一个浏览器扩展程序，支持 Chrome、Firefox 和 Safari。它是 AngularJS 的检查工具。您可以检查并突出显示 DOM 元素，当您将鼠标悬停在作用域上时。您可以实时查看作用域更改，例如变量值，并实时查看模型和作用域的更新。通过它，您可以调试、开发和检查 AngularJS 应用程序。

Mobile Angular UI 是一个移动 UI 框架，用于使用 HTML5 和 Angular JS 的强大功能构建移动 UI 丰富的应用程序。它具有 Bootstrap 3 中缺少的关键移动组件。没有 jQuery 依赖，没有必需的 Bootstrap，只有简单的 Angular 指令来简化您的工作流程。

Restangular 顾名思义，它是一个 RESTful 服务，以简化的方式支持 Get、UPDATE、Delete 和 Post 方法。它最适合使用 REST API 的应用程序。

Angular UI 是一个使用 AngularJS 构建的组件集合。其现成的指令使生活更轻松，并提高了应用程序构建的生产力。

ngDocs 允许您在手机上学习 AngularJS，即使您觉得在台式机上学习 Angular 的时间不够。尝试这个很棒的应用程序，它专为此目的而设计，无需平台专业知识即可持续学习，并提供丰富的文档离线支持、开发人员指南、初学者教程、快速导航、代码示例、语音搜索、查看源代码等功能。

Videogular 是 AngularJS 的未来 HTML5 播放器。它是一个由 AngularJS 驱动的桌面和移动视频应用程序框架。扩展功能包括用于绑定属性和触发函数的 Cue Point、可绑定指令、插件和主题支持，以及当今时代所需的移动支持。

Angular Angury 是一个用于分析和调试 Angular 2 应用程序的 Chrome 开发者工具扩展。它使用组件树和调试工具进行可视化。它对应用程序结构、变更检测和性能有即时影响。它是开源的，任何人都可以贡献使其变得最好。

Codelyzer 是一个用于 Angular 2 TypeScript 项目的静态分析工具。您甚至可以在 Web 应用程序上运行静态代码分析。一些流行的规则是指令选择器名称前缀、组件选择器名称前缀和不要使用 @Attribute 装饰器。

关注点

最好的方法是确保您的应用程序性能不受影响，并且整体上通过第三方工具和扩展的易用性实现快速开发。

如果您有任何有趣的工具已列在这里，请评论，以便将它们也添加到此列表中。