找回密码
 立即注册

QQ登录

只需一步,快速开始

断天涯大虾
社区贡献组   /  发表于:2017-1-4 09:58  /   查看:6508  /  回复:0
本帖最后由 断天涯大虾 于 2017-1-13 15:49 编辑

082122_pHAS.jpg
AngularJS是Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定、DOM操作、MVC设计模式和模块加载等,同时也是那些想要以动态形式开发web应用的开发者最喜欢的框架之一。

作为一个为动态WEB应用设计的结构框架。AngularJS能让你使用HTML作为模板语言,通过扩展HTML的语法,让你能更清楚、简洁地构建你的应用组件。它的创新点在于,利用数据绑定和依赖注入,它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现,这也使得它能够完美地和任何服务器端技术结合。

如果你是一个开发者,希望基于AngularJS启动一个项目,你需要在众多工具中筛选出最适合的。

为了减少使用AngularJS开发的负担,这儿有21款最新的工具,主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。

1. Angular fire - 它是一个强大的适用于手机以及Web应用的平台。使用该平台,可以在短时间内创建跨平台的应用。
blob794948425.png
2. Webstorm – 它是一个智能的代码编辑器,支持JavaScript, Node.js, HTML和CSS等等以及它们对应下一代的继任者。 它能工作在所有的先进技术下,对大部分开发者来说,使用它是一个很好的选择。
blob318800963.png
3. Jasmine – 这款行为驱动测试框架不依赖于浏览器、DOM或者任何JavaScript框架,因此对于任何Node.项目或者任何JavaScript运行的地方都非常适合。
blob538022155.png

4. Djangular –这是一款可重用的应用,可以提供更好的AngularJS集成。有了此工具的帮助,你可以为每个应用创建 AngularJS内容。
blob40846861.png
5. Generator Angular – 这款工具可以帮助你快速的设置项目的默认结构。它能输出让你快速开始app开发的模板。

6. Angular Kickstart – 这款工具加速了AngularJS开发,并伴随可扩展的构建系统,简化了开发过程。
blob801716003.png

7. AngularFire – 用此工具,你可以轻松创建 Angular 应用后台。灵活的API,3种数据绑定方式以及快速开发能力使得开发变得轻松。

8. Mocha.js – 这是一款运行在node.js和浏览器上的功能丰富的测试框架。允许异步测试,能灵活准确的报告与映射。
blob561859740.png

9. Code Orchestra – 这是一个前端开发工具,它允许你所见即所得方式开发代码。一旦你保存修改了的代码,它使用一个特殊的协议自动的显示出来。
blob263693541.png
10. Restangular – 这款工具简化了常见的GET, POST, DELETE, UPDATES请求,使用更简短的代码。对于任何通过 RESTful API 进行数据操作的 Web 应用都是理想化的工具。

11. Ment.io – 这款工具引入了mention部件和宏控件,并不依赖于jQuery。你可以应用ment.io指令作用于任何元素,并且它允许可选择的文本输入。
blob401220397.png
12. NG-Inspector – 这是一个Chrome 和Safari 浏览器扩展,安装成功后会出现先审查面板中,帮助你开发、调试和深入理解 AngularJS 应用。它使得更容易标识和显示Controllers 和Directives中的scope。
blob75923460.png
13. Angular Seed – 这个一个典型的AngularJS web app开发框架,它可以让你在开发环境快速启动angular app。

14. SublimeText – 对于开发者来说最好的一款文本代码编辑器,使得编写代码简单化。比起其他文本编辑器,许多开发者更喜欢用Sublime Text.
blob888637084.png
15. Videogular – 这是一个针对AngularJS的基于HTML5的视频播放库,它使得在你的app中使用视频或其他多媒体更容易。

16. Protractor – 这是一款端对端的测试框架。这个Node.js项目建立在WebDriverJS之上。它在真实浏览器上运行测试,与其交互就如任何正常用户使用一样。

17. Angular GetText – 这是超级简单的翻译工具,你只需输入英文文本,标记需要翻译,它就会翻译。
blob184929808.png
18. Angular Deckgrid – 这是一个轻量级的表格,它没有自己的展现样式,完全依赖于你定义在CSS中的样式。

19. Angularjs UI –  这是一个UI组件集合库,它有很多有用的指令来帮你快速的开发Angular应用。 它使用指令来代替组件,如:ui-router, ui-map, and ui-calendar。
blob659536437.png

20. Mean它是一个使用MongoDB, Node.js, Express和AngularJS apps的简单而完美的模板。 它捆绑和配置了一些模块,如: Mongoose 、Passport。
blob623070067.png
21.Karma – 这是我最喜欢的 AngularJS 开发框架之一. 它提供了完美的测试环境,允许你在真实的浏览器和设备比如手机和平板电脑上测试应用。
22. Wijmo – 这是新一代HTML5 / JavaScript UI控,也是全球最早支持Angular 2的控件集,可以为所有控件提供丰富的申明标记和深度整合,包括数据表格、图表、仪表盘和输入等。

23. Mocha & Chai - Mocha 是一个 JavaScript 测试框架,可以很轻松地在 node 模型和浏览器应用程序中测试异步代码。Mocha 测试可以串联运行,并且对于正确的测试用例具有高质量的跟踪异常。
Chai 是一个行为驱动的开发/测试驱动开发断言库,可以与 Mocha 配套使用。它使得可以很容易的以一种可读的方式去表达你的测试内容。
blob130456847.png

   
关于葡萄城:全球最大的控件提供商,世界领先的企业应用定制工具、企业报表和商业智能解决方案提供商,为超过75%的全球财富500强企业提供服务。

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部