25个超有用的 AngularJS Web 开发工具
1)AngulaJS最佳测试工具——Protractor
Protractor支持AngularJS应用程序,是一款终端到终端的测试框架。Protractor在真正的浏览器中运行测试。由于Protractor支持Angular的具体定位策略,故而你无需进行任何设置就可以测试特定的Angular元素。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/74ef1e8ccaa5e167ec901daf0390bf36.png)
官方网站:http://angular.github.io/protractor/
2)AngularJS测试框架——Jasmine
Jasmine对于JavaScript用户而言,也是一款测试框架。这也是一个DOM较少的JavaScript框架,它适合所有的Node.js项目和网站,并且在任何地方运行都是免费的。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/b136bd06f18ba4a0653cd53e6c12993f.png)
官方网站:https://github.com/jasmine/jasmine
3)支持AngularJS的IDE——Webstorm
WebStorm的智能代码编辑器为JavaScript、Node.js、HTML和CSS,以及它们的接替者提供了一流的支持。WebStorm可以很好地处理现流行的web技术,提供一流的AngularJS支持。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/0fed60e233b3d2efb116a7eb646b5f73.png)
官方网站:https://www.jetbrains.com/webstorm/
4)AngularJS最佳框架——Angular fire
firebase是用于轻松构建Web和移动应用程序的系列库,也是强大的框架。它能为JavaScript用户提供Angular Fire框架。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/6be29a40d7acb0b4dc8d19d101c05786.png)
官方网站:https://www.firebase.com/docs/web/libraries/angular/index.html
5)AngularJs测试工具——karma
karma也是一款非常盛行的测试框架,用于JavaScript应用程序,它还能为开发人员提供测试环境。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/cfbeddb90b66dd12213d610bece9d113.png)
官方网站:http://karma-runner.github.io/0.12/index.html
6)最佳AngularJS工具——Mochajs
Mocha是一款运行在Node.js和浏览器上,功能丰富的JavaScript测试框架,它能够使得异步测试变得简单而有趣。Mocha测试运行持续,在映射未捕获的异常到正确的测试案例的同时,允许灵活和准确的报告。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/d0aa9adc6924037e56d796362206a243.png)
官方网站:http://mochajs.org/
7)最好的代码编辑器——SublimeText
这是开发人员最喜欢的文本代码编辑器之一。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/ce491572589de9783f4bf18c0150de36.png)
官方网站:http://www.sublimetext.com/
8)最佳的AngularGrid——Angular Deckgrid
Angular Deckgrid是轻量级的网格,支持AngularJS。免费下载。它的指令不依赖于视觉表现。所有的响应能力和美感来自于你的CSS文件。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/96fcc78f9d602bdaba7dd69609443068.png)
官方网站:http://andrekoenig.info/angular-deckgrid/#/
9)实用的AngularJS服务——Restangular
Restangular是一个AngularJS的服务,通过最少的客户端代码简化了常用的GET、POST、DELETE和UPDATE请求。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/896f28b1772f928e1d46374b45128853.png)
官方网站:https://github.com/mgonto/restangular
10)支持Chrome的AngularJS扩展——ng Inspector
ng Inspector支持Chrome和Safari浏览器,可协助你开发、调试和理解AngularJS应用程序。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/9dd129d176f585675f239d459a9198b0.png)
官方网站:http://ng-inspector.org/
11)Angular GetText
Angular gettext为AngularJS提供超级简单的翻译支持。只要用英语写下来,标注要翻译的部分,剩下的就交给它好了。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/acd5d677c62a1ea6ea8e7465471c3344.png)
12)Angular框架——AngularUI
AngularUI是AngularJS框架。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/abbd0dd181afa94c16226bab7a6f4cfe.png)
官方网站:http://angular-ui.github.io/
13)Yeoman Generator Angular
支持AngularJS的Yeoman Generator——能让你快速建立具有合理默认值和最佳实践的项目。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/dc967c0bb032f9f780579334189cb6cf.png)
官方网站:https://github.com/yeoman/generator-angular
14)djAngular
这是一个可重复使用的应用程序,提供了更好的应用程序集成。 Djangular允许你创建AngularJS内容的app,而不是包含了Django的单一庞大的AngularJS应用程序。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/c696796c29dd5f0cf744d4f64afbc90a.png)
官方网站:https://github.com/appliedsec/djangular
15)Ment.io
Mentions和Macros部件基于AngularJS,但并不依赖jQuery。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/841196fa97dcc4b617e70bfeca736352.png)
官方网站:https://github.com/jeff-collins/ment.io
16)Angular Kickstart
想要加快你的AngularJS开发吗?那么此完整的、可扩展的构建系统的项目支架一定适合你。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/8907f4c1db545e122de08e921394895a.png)
官方网站:http://vesparny.github.io/angular-kickstart/#/
17)ng book
当我们在构建大型的Angular应用程序时,总是难以避免经常性地碰到那些看似难以发现和解决令人头疼无比的问题。这时,ng book就上场了。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/0c2afa495a7b861ab3b9116bcf14393d.png)
官方网站:https://www.ng-book.com/p/Debugging-AngularJS/
18)MeanIO
Mean是用于构建Web应用程序的简单却强大的JavaScript框架。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/841196fa97dcc4b617e70bfeca736352.png)
官方网站:http://mean.io/#!/
19)Code Orchestra
COLT是一款前端开发工具,它允许点播式编写代码。当你修改代码保存之后,它可以通过特殊的协议,将改变传达给正在工作中的应用程序。支持AngularJS。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/41bbc875b4f66c774217cf13303ce96e.png)
官方网站:http://codeorchestra.com/#/
20)Angular Seed
这是一个支持典型AngularJS Web应用程序的应用程序骨架。你可以用它来快速引导你的angular web应用项目,和支持这些项目的开发环境。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/972c8baf98b20e03ce610eecda769cd4.png)
官方网站:https://github.com/angular/angular-seed
21)LUMX
基于AngularJS和Google Material Design规范的第一个响应前端的框架。对任何一个Web应用程序都非常重要。这也是为什么我们只使用jQuery,而无需它的任何插件。每个部件之后都可以被自制成完美地插入到AngularJS应用程序中。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/6adee2bb857d0268549226942351e8fa.png)
官方网站:http://ui.lumapps.com/
22)ng Docs
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/495db0bfcb96ce6c6e76829ba8ff6bef.png)
官方网站:https://play.google.com/store/apps/details?id=com.wbyoko.ngdocs
23)AngularJS Batarang
支持Chrome的AngularJS WebInspector扩展。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/f8956068d7b510a19ebb475cf7c76280.png)
官网网站:https://github.com/angular/angularjs-batarang
24)Videogular
这是一款支持AngularJS的HTML5视频播放器。 Videogular用AngularJS开发,在用于项目时,你必将会被它的魅力所倾倒。
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/8d3de2d5c9eb0ac7406bf00f2a1d9e7c.png)
官方网站:http://www.videogular.com/
25)NG Table
![25个超有用的 AngularJS Web 开发工具](https://simg.open-open.com/show/0bcb972a019ed35f607f3379d2f6d604.png)
官方网站:http://bazalt-cms.com/ng-table/