[js]面向AngularJS开发人员的21款实用工作流工具

  最近一段时间以来,AngularJS已经成为Web领域人气最高的技术方案,而这要归功于其在简化Web应用程序开发方面所起到的良好收效。目前,AngularJS已经成为开发人员与技术爱好者社区当中最炙手可热的名头之一。在AngularJS的帮助下,我们可以构建起一系列Web应用程序及网站方案。

jzcoder的PHP学习笔记

  AngularJS应用程序也能够被整合到其它现有系统或者项目当中。它同时也是一套强大的前端框架,可用于设计富用户界面(简称UI)。目前人气较高的AngularJS应用程序包括Ghost(一款博客平台,可不是与蕃茄花园并驾齐驱那款)、Goodfilms移动站点(一个电影回顾站点)以及CVsIntellect(一款简历制作应用)。

  好了,如果大家已经身为一名AngularJS应用程序开发人员,那么肯定需要各类辅助工具帮自己更高效地进行项目创建。因此在今天的文章中,我们将共同了解二十一款极具实用性的AngularJS工具。这份清单当中包含有多款代码编辑器、测试工具以及扩展方案等等。下面一起来看。

  AngularJS框架

  1) Ionic

jzcoder的PHP学习笔记

  Ionic是一套开源前端框架,旨在利用HTML、CSS以及JavaScript实现移动应用程序开发。大家可以借此为AngularJS带来多种更为强大的能力,例如UI交互、手势操作与动画效果等等。此外,大家还可以生成动画与渐变系统,并为自己的应用程序设计启动画面与图标。Mallzee与Chef Steps就是两款利用Ionic开发而成的知名应用产品。

  2) Supersonic

jzcoder的PHP学习笔记

  Supersonic是一款前端框架,专门用于开发数据驱动型混合应用程序以及面向移动设备的酷炫用户界面。除了大量CSS组件之外,大家还能够在Supersonic中以原生方式实现UI组件,例如导航栏、标签栏、抽屉、信息卡以及网格系统等等。

  3) LumX

jzcoder的PHP学习笔记

  Lumx是一款基于AngularjS与谷歌Material设计原则的响应式前端框架。它是一款强大的JavaScript MVC框架,能够以轻松快捷的方式创建出单页面应用程序。大家还可以利用LumX在开发成果中加入流畅动画、日期选择、通知、下拉菜单、文本字段、滚动条以及其它多种功能。

  4) Radian

jzcoder的PHP学习笔记

  Radian是一套AngularJS框架,合适处理多种开发项目。在Radian的帮助下,大家可以将一款AngularJS应用程序拆分成多个可管理的去耦组件,从而将代码的抽象及模块化水平提升到新的层面。Radian基于AMD架构(即异步模块定义)且允许大家将其用于应用程序测试。

  5) Mobile Angular UI

jzcoder的PHP学习笔记

  Mobile Angular UI是一款前端框架,旨在利用Bootstrap 3与AngularJS构建HTML 5移动应用程序。这套框架提供大量Bootstrap 3移动组件,其中包括开关、覆盖、侧边栏以及导航栏等等。目前利用Mobile Angular UI开发的热门应用程序包括Hotelier News以及Good Doctor。

  AngularJS代码编辑器

  6) Sublime Text

jzcoder的PHP学习笔记

  Sublime Text是一款面向代码、标记与内容整理等工作的跨平台文本编辑器。它提供多种可定制选项,帮助大家进行按键绑定、代码补全、片段、宏以及其它常见操作。在Sublime Text的支持下,我们可以实现变更缩进设置、在编辑过程中进行多重内容选定并变更语法等等。

  7) CodePen

jzcoder的PHP学习笔记

  CodePen是一款面向前端Web开发工作的HTML、CSS以及JavaScript代码编辑器。它提供多种功能,具体包括代码审查、调试、实时代码编辑以及协作等。

  8) JS Fiddle

jzcoder的PHP学习笔记

  JS Fiddle是一款在线代码编辑工具。大家可以利用各自独立的面板分别执行JavaScript、CSS、HTML以及输出代码。大家还可以利用JS Fiddle实现代码片段共享、代码审查、测试、调试以及实时协作等功能。

  AngularJS IDE

  9) WebStorm

jzcoder的PHP学习笔记

  Webstorm是一款极具人气的JavaScript集成开发环境(简称IDE),允许用户利用Node.js实现客户端/服务器端开发工作。这款工具还内置一款代码编辑器,支持Compass、AngularJS、HTML以及CSS等等。它亦能够实现一系列功能,例如错误检查、重构与代码补全等。

  10) Aptana

jzcoder的PHP学习笔记

  Aptana是一款开源的Web应用集成开发环境(简称IDE)。这款工具允许大家构建、测试、编辑、审查并调试HTML、CSS以及JavaScript代码。这款工具基于云环境且拥有高度可定制特性。

  11) Appery

jzcoder的PHP学习笔记

  Appery是一款基于云的平台,旨在利用公有/私有云选项开发移动及响应式应用程序。大家可以利用它构建起多种iOS、HTML 5以及Android应用程序。这套集成开发环境(简称IDE)还提供可视化编辑器,帮助大家通过简单的拖拽操作利用jQuery Mobile、Angular JS、HTML 5以及Bootstrap组件构建起富用户界面。

  AngularJS测试工具

  12) Protractor

jzcoder的PHP学习笔记

  Protractor是一款专门面向AngularJS应用程序的Node.js测试框架。在Protractor当中,其提供一套利用JSON Webdriver Wire协议控制的浏览器,能够以异步方式执行查找及DOM元素交互等操作。因此,它允许大家对各类运行在真实浏览器之内的应用程序进行测试——正如用户的实际使用过程一样。

  13) Mocha

jzcoder的PHP学习笔记

  Mocha是一套面向Node.js与该浏览器的JavaScript框架。它同时支持行为驱动与测试驱动两类开发方式。Mocha使得异步代码测试变得非常便捷,而且支持使用任意断言库。Mocha还提供多项定义功能,例如:

  •  元生成套件与测试用例

  •  将未捕获异常映射至正确测试用例

  •  可扩展报告

  •  测试特定超时

  •  支持节点调试工具

  14) Code Orchestra

jzcoder的PHP学习笔记

  Code Orchestra是一款用于对移动/Web应用程序进行测试及构建的开发工具。它以程序方式起效,允许用户实时编写代码。当大家编辑代码并点击保存时,相关修改内容会被直接交付至运行中的应用程序。它同时可与AngularJS等多种主流Web技术协作,且支持全部IDE方案。

  AngularJS扩展

  15) ng-inspector

jzcoder的PHP学习笔记

  ng-inspector提供一套监督控制面板,用于对AngularJS应用程序进行开发与调试。它属于一款面向Chrome、Safari以及火狐等平台的浏览器插件。该扩展提供DOM高亮显示、层次范围查看、范围模式查看等,且完全以实时方式更新。

  16) angular-gettext

jzcoder的PHP学习笔记

  Angular-gettext是一款面向AngularJS应用程序的翻译工具。它支持超过130种不同种类的语言。

  17) Angular JS Eclipse Plugin

jzcoder的PHP学习笔记

  Eclipse是一套面向Java开发人员的集成开发环境(简称IDE)。不过我们可以利用各类插件轻松对其进行扩展,从而支持多种编程语言,包括JavaScript、Python以及Ruby。AngularJS Eclipse插件能够对Eclipse WTP(即Web工具平台)进行扩展,从而将其转化成一套支持AngularJS表达与命令、Angular Explorer视图的HTML编辑器外加JavaScript编辑。

  AngularJS库

  18) Angular Fire

jzcoder的PHP学习笔记

  Angular Fire是一套AngularJS代码捆绑方案,用于将Firebase后端与AngularJS应用程序相对接。Firebase是一套Web应用程序开发框架,其主要产品就是Angular Fire——AngularJS的一套开源库。Firebase SDK与Angular Fire能够提供三向数据绑定、快速数据同步、内置验证与用户管理服务以及免费托管等功能。

  19) Polymer

jzcoder的PHP学习笔记

  Polymer是一套用于扩展HTML词汇的库。它提供一套声明式语法,能够便捷地对定制化元素进行定义。除此之外,它还提供其它多种功能,例如模板、双向数据绑定以及属性观察等。因此,它能帮助大家以更为精简的代码构建起可以重复利用的Web技术元素。

  20) UI Bootstrap

jzcoder的PHP学习笔记

  Twitter Bootstrap是一款高人气HTML、CSS以及JS框架,主要用于面向移动设备的Web应用程序开发任务。UI Bootstrap通过提供一系列基于Bootstrap标记与CSS组件的原生Angular JS命令发挥出Twitter Bootstrap的强大能力,其中包括Accordion、Alert、Carousel、Cooapse、Timepicker以及Dropdown等等。

  21) Angular UI Router

jzcoder的PHP学习笔记

  Angular UI Router是一款面向Angular JS命令的原生库。它作为Angular JS的路由框架起效,能够将界面拆分成一套状态机。它的主要优势体现在强大的状态与视图折叠能力。

  总结

  我已经把自己整理出的一切有价值信息都囊括在了文章当中。但是可以肯定,目前大家常用的AngularJS工具、扩展及测试方案还有很多。如果各位在实践过程中积累到了其它出色的选项,请在评论栏中与我们分享。

  原文链接:http://codecondo.com/useful-workflow-tools-for-angularjs-developers/

分享到:更多 ()

抢沙发

评论前必须登录!