给 Web 开发者的 25 款最有用的 AngularJS 工具

╰+哭是因爲堅強的太久メ 2022-08-20 10:29 240阅读 0赞

AngularJS 是一种新 JavaScript 框架，目的是降低要求，加快开发速度。AngularJS 是让 HTML 标记动态，使其对 web 开发者更有帮助，同时从大量的分段中给定一个标准结构，使开发速度更快更高效。越来越多的前端 web 设计师寻找在允许整体代码非常长的时候能立即设置接口的方法。jQuery 是就是这样一个示例架构，由本地 JavaScript 控制，可以很好的加速 Web 开发。一些属性，当添加到标准 HTML5 代码中就可以快速的开始创建 AngularJS 实例。

JavaScript 现今已经被强势用在大部分 web 应用中，最初用在网站上是为了不必要的用户注册。系统的使用隐含更多的是网站 JavaScript 的一致性和健壮性，而且可以用在客户端和服务器端。

JavaScript 设计者很明智的选择了在未来几年深入 AngularJS，并且把它放在结构网站的显著位置。AngularJS 可以和任意的 [Knockout][] 和 [Backbone][] 外观相结合，利用率和重要性也日趋提升。现在有各种各样的 AngularJS 工具提供在互联网。今天我们来为大家介绍提供给 Web 开发者的 25 款最棒的 AngularJS 工具。

### 1) AngulaJS 最棒的测试工具 – [Protractor][] ###

Protractor 是 [AngularJS][] 团队构建的一个端对端的测试运行工具，模拟用户交互，帮助你验证你的Angular应用的运行状况。”Protractor 使用 [Jasmine][] 测试框架来定义测试。Protractor 为不同的页面交互提供一套健壮的API。

[![best angularjs tools for web developers for 2015 - protractor][]][best angularjs tools for web developers for 2015 - protractor]

### 2) AngularJS 测试框架 – [Jasmine][] ###

jasmine 是为 JavaScript 用户准备的另一个测试框架，适用于所有 Node.js 项目，网站。

[![best angularJS tools for web developers for 2015 - jasmine][]][best angularJS tools for web developers for 2015 - jasmine]

### 3) AngularJS IDE – [Webstorm][] ###

WebStorm 的智能代码编辑器提供对 JavaScript，Node.js，HTM 和 CSS 一流的支持，还有他们的现代化的继任者。WebStorm 可以很好的支持 Web 开发中最新流行的技术。赶紧享受对 AngularJS 一流的支持吧！

[![best angularJS tools for web developers for 2015 - webstrom][]][best angularJS tools for web developers for 2015 - webstrom]

### 4) 最好的 AngularJS 框架 – [Angular fire][]    ###

Firebase 是库集合，可以用来简单构建 web 和移动应用，是非常强大的框架。Firebase 为 JavaScript 用户提供 Angular Fire 框架。

[![best angularJS tools for web developers for 2015 firebase][]][best angularJS tools for web developers for 2015 firebase]

### 5) AngularJS 测试工具 – [karma][]    ###

karma 是另外一个超级流行的 JavaScript 应用测试框架，提供一个测试环境给开发者。

[![best angularJS tools for web developers for 2015 karma-angularjs][]][best angularJS tools for web developers for 2015 karma-angularjs]

### 6) 最好的 AngularJS 工具 – [Mochajs][] ###

Mocha 是具有丰富特性的 JavaScript 测试框架，可以运行在 Node.js 和浏览器中，使得异步测试更简单更有趣。Mocha 可以持续运行测试，支持灵活又准确的报告，当映射到未捕获异常时转到正确的测试示例。

[![best angularJS tools for web developers for 2015 - mochajs][]][best angularJS tools for web developers for 2015 - mochajs]

### 7) 最好的代码编辑器 – [SublimeText][] ###

Sublime Text 是开发者最爱的文本代码编辑器之一。

[![best angularJS tools for web developers for 2015 - subllimetext][]][best angularJS tools for web developers for 2015 - subllimetext]

### 8) 最好的 AngularGrid – [Angular Deckgrid][] ###

Angular deckgrid 是轻量级的 AngularJS 网格，该指令不依赖于视觉展示，所有的响应和美观都依赖于你的 CSS 文件。

[![best angularJS tools for web developers for 2015 angular-deckgrid][]][best angularJS tools for web developers for 2015 angular-deckgrid]

### 9) 有用的 AngularJS 服务 – [Restangular][] ###

Restangular 是 AngularJS 服务，简化常规的 GET, POST, DELETE 和 UPDATE 请求，使用更简短的代码。Restangular 适用于所有 WebApp，从 RESTful API 中消耗数据。

[![best angularJS tools for web developers for 2015  - restangular][best angularJS tools for web developers for 2015 - restangular]][best angularJS tools for web developers for 2015 - restangular]

### 10) AngularJS 的 Chrome 插件 – [ng Inspector][] ###

ng-inspector 是 Chrome 和 Safari 的浏览器扩展插件，添加一个检视器面板，帮助开发者开发，调试和理解你的 AngularJS 应用。

[![best angularJS tools for web developers for 2015 - ng-inspector][]][best angularJS tools for web developers for 2015 - ng-inspector]

### 11) [Angular GetText][] ###

Angular gettext 是超级简单的翻译应用，支持 AngularJS，与 AngularJS 无缝集成。用户需要用英语白那些，然后进行注解，剩下的 Angular GetText 会自动完成。

### [![best angularJS tools for web developers for 2015 - angular-gettext][]][best angularJS tools for web developers for 2015 - angular-gettext]    ###

### 12) Angular 框架 – [AngularUI][] ###

AngularUI 是 AngularJS 框架。

[![best angularJS tools for web developers for 2015 - angularui][]][best angularJS tools for web developers for 2015 - angularui]

### 13) [ Yeoman Generator Angular][Yeoman Generator Angular] ###

Yeoman Generator Angular 是 AngularJS 的 Yeoman 生成器，可以使用合理参数和最佳实践来快速配置项目。

[![best angularJS tools for web developers for 2015- yeoman][]][best angularJS tools for web developers for 2015- yeoman]

### 14) [djAngular][] ###

djAngular 是个可复用的 [Django][] 应用，提供更好的 AngularJS 集成和工具。Djangular 允许你为每个应用创建 AngularJS 内容，而不是在 Django 中创建单个大规模的 AngularJS 应用。

[![best angularJS tools for web developers for 2015 - djangularjs][]][best angularJS tools for web developers for 2015 - djangularjs]

### 15) [Ment.io][] ###

Ment.io 是基于 AngularJS 的 Mentions 和 Macros 部件，不依赖 jQuery。

[![best angularJS tools for web developers for 2015 - ment.io][]][best angularJS tools for web developers for 2015 - ment.io]

### 16) [Angular Kickstart][] ###

AngularJS Kickstart 是能加快 AngularJS 开发的完整可伸缩构建系统，你只需要关注代码编写和测试，其他的 AngularJS Kickstart 都能帮你搞定！

[![best angularJS tools for web developers for 2015 - angular-kickstart][]][best angularJS tools for web developers for 2015 - angular-kickstart]

### 17) [ng Book][] ###

当我们在构建大型 AngularJS 应用时，会经常遇到一些看起来难以发现又难以解决的问题。这是一本能解决你所有 AngularJS 疑惑的书。

[![best angularJS tools for web developers for 2015-  ng-book][best angularJS tools for web developers for 2015- ng-book]][best angularJS tools for web developers for 2015- ng-book]

### 18) [MeanIO][] ###

Mean 是构建 Web 应用的简单而强大的 JavaScript 应用。

[![best angularJS tools for web developers for 2015 - ment.io][best angularJS tools for web developers for 2015 - ment.io 1]][best angularJS tools for web developers for 2015 - ment.io 1]

### 19) [Code Orchestra][] ###

COLT 是前端开发工具，可以在线编写代码。COLT 会使用一个特殊的协议来保存用户修改的代码，支持 AngularJS。

[![best angularJS tools for web developers for 2015 - colt][]][best angularJS tools for web developers for 2015 - colt]

### 20) [Angular Seed][] ###

AngularJS Seed 是典型的 AngularJS web 应用的应用骨架，可以快速的启动你的 AngularJS web 应用项目和这些项目的开发环境。

[![best angularJS tools for web developers for 2015 - angular-seed][]][best angularJS tools for web developers for 2015 - angular-seed]

### 21) [LUMX][] ###

LUMX 是第一个基于 AngularJS 和 Google Material Design 规范的响应式前端框架。性能对于所有 web 应用都是至关重要的，LUMX 只使用 jQuery 的原因就是这个。LUMX 的每个组件都能很完美的嵌入到 AngularJS 应用中。

[![best angularJS tools for web developers for 2015 - lumx][]][best angularJS tools for web developers for 2015 - lumx]

### 22) [ng Docs][] ###

ngDocs 是 Android 版本的 AngularJS 手册。

[![best angularJS tools for web developers for 2015 - ng-docs][]][best angularJS tools for web developers for 2015 - ng-docs]

### 23) [AngularJS Batarang][] ###

AngularJS Batarang 是适用于 Chrome 的 AngularJS WebInspector 扩展。

[![best angularJS tools for web developers for 2015 - angularjs-batarang][]][best angularJS tools for web developers for 2015 - angularjs-batarang]

### 24) [Videogular][] ###

Videogular 是 AngularJS 的 HTML5 视频播放器，使用 AngularJS 开发，可以让你的项目更有魅力！

[![best angularJS tools for web developers for 2015 - videogular][]][best angularJS tools for web developers for 2015 - videogular]

### 25) [ng Table][] ###

AngularJS 表格指令，支持排序，过滤和分页。

[![best angularJS tools for web developers for 2015 - ng-table][]][best angularJS tools for web developers for 2015 - ng-table]

文章转载自：开源中国社区 \[[http://www.oschina.net][http_www.oschina.net]\]

[Knockout]: http://www.oschina.net/p/knockout
[Backbone]: http://www.oschina.net/p/backbone
[Protractor]: http://www.oschina.net/p/protractor
[AngularJS]: http://www.oschina.net/p/angularjs
[Jasmine]: http://www.oschina.net/p/jasmine
[best angularjs tools for web developers for 2015 - protractor]: /images/20220731/5cc00968b12b4ac38e5434e29968655f.png
[best angularJS tools for web developers for 2015 - jasmine]: /images/20220731/09a0774bc3054d439bfd8d2b2a2dadbe.png
[Webstorm]: http://www.oschina.net/p/webstorm
[best angularJS tools for web developers for 2015 - webstrom]: /images/20220731/643cb41de7324124b85bdd5169e9b757.png
[Angular fire]: http://www.oschina.net/p/angularfire
[best angularJS tools for web developers for 2015 firebase]: /images/20220731/113f21d1665242d28dd9e6254c591062.png
[karma]: http://www.oschina.net/p/karma
[best angularJS tools for web developers for 2015 karma-angularjs]: /images/20220731/4b0d52cd7c21478db1f20bc661a1c5d9.png
[Mochajs]: http://www.oschina.net/p/mocha-js
[best angularJS tools for web developers for 2015 - mochajs]: /images/20220731/24947b76db1c4cdfa0cb27a564a9adbe.png
[SublimeText]: http://www.oschina.net/p/sublimetext
[best angularJS tools for web developers for 2015 - subllimetext]: /images/20220731/a0a45620d2b840679f2570e60e7a4301.png
[Angular Deckgrid]: http://www.oschina.net/p/angular-deckgrid
[best angularJS tools for web developers for 2015 angular-deckgrid]: /images/20220731/523d5a9030764084aa164c2015f4258f.png
[Restangular]: https://github.com/mgonto/restangular
[best angularJS tools for web developers for 2015 - restangular]: /images/20220731/3e82bf2202f54449ac1da4f34bb36562.png
[ng Inspector]: http://www.oschina.net/p/ng-inspector
[best angularJS tools for web developers for 2015 - ng-inspector]: /images/20220731/49584dde126c4f01a9bfc71d390ca221.png
[Angular GetText]: http://www.oschina.net/p/angular-gettext
[best angularJS tools for web developers for 2015 - angular-gettext]: /images/20220731/f5421a39c7f34634a0eddc7f78402a78.png
[AngularUI]: http://www.oschina.net/p/angularui
[best angularJS tools for web developers for 2015 - angularui]: /images/20220731/34bca7b501304da5ad5acd160e683973.png
[Yeoman Generator Angular]: http://www.oschina.net/p/angularjs-generator
[best angularJS tools for web developers for 2015- yeoman]: /images/20220731/8ad59e576f8840c8b1a98c80f82a8e49.png
[djAngular]: http://www.oschina.net/p/djangular
[Django]: http://www.oschina.net/p/django
[best angularJS tools for web developers for 2015 - djangularjs]: /images/20220731/51fb927b48ad43e9b0ee3886d611cddb.png
[Ment.io]: http://www.oschina.net/p/ment-io
[best angularJS tools for web developers for 2015 - ment.io]: /images/20220731/dd8de81621e340ca83130348b2c82f15.png
[Angular Kickstart]: http://www.oschina.net/p/angular-kickstart
[best angularJS tools for web developers for 2015 - angular-kickstart]: /images/20220731/c61c855307134c41885ffc5371220578.png
[ng Book]: https://www.ng-book.com/p/Debugging-AngularJS/
[best angularJS tools for web developers for 2015- ng-book]: /images/20220731/540c6d3ac4d14a8a8c94299de06f0e87.png
[MeanIO]: http://www.oschina.net/p/mean
[best angularJS tools for web developers for 2015 - ment.io 1]: /images/20220731/2a051c785c9a4dffb9659b715596ae43.png
[Code Orchestra]: http://www.oschina.net/p/code-orchestra
[best angularJS tools for web developers for 2015 - colt]: /images/20220731/32489af8b036476393e2166d9fd24ba9.png
[Angular Seed]: http://www.oschina.net/p/angularjs-seed
[best angularJS tools for web developers for 2015 - angular-seed]: /images/20220731/81bb9b8017164d1abf90fedfec65298e.png
[LUMX]: http://www.oschina.net/p/lumx
[best angularJS tools for web developers for 2015 - lumx]: /images/20220731/054d9001a5e54128ad357c48b2647cf0.png
[ng Docs]: http://www.oschina.net/p/ngdocs
[best angularJS tools for web developers for 2015 - ng-docs]: /images/20220731/f2b1878a8d204808bf991e6755ada67a.png
[AngularJS Batarang]: http://www.oschina.net/p/angularjs-batarang
[best angularJS tools for web developers for 2015 - angularjs-batarang]: /images/20220731/0e10aa23e1634aef9114c18e58ef105d.png
[Videogular]: http://www.oschina.net/p/videogular
[best angularJS tools for web developers for 2015 - videogular]: /images/20220731/31883fa3302348e6a8cffb5fa27cc1bb.png
[ng Table]: http://www.oschina.net/p/ngtable
[best angularJS tools for web developers for 2015 - ng-table]: /images/20220731/f1df30ac6d69416a84616dd9a3b31b26.png
[http_www.oschina.net]: http://www.oschina.net/