JavaScript基础工具清单

摘要: 在训练营中,我们给学员介绍了一些工具和库,以扩大其代码的能力。目前有位 JavaScript 学员 Kalina,他汇总了这些工具的清单,想分享给其他的代码爱好者。
        英文原文:A List of Foundational JavaScript Tools         在训练营中,我们给学员介绍了一些工具和库,以扩大其代码的能力。目前有位 JavaScript 学员 Kalina,他汇总了这些工具的清单,想分享给其他的代码爱好者。         Ivan Storck,我们 JavaScript 训练营的辅导员,利用 Kalina 的清单,画了一张有帮助的思维导图: JavaScript基础工具清单

        通用

        脚手架工具(用于启动项目)

  • Yeoman – Yeoman 是一个健壮且固定的客户端程序库,包含了工具和框架,有助于开发者快速构建漂亮的 web 应用。

        构建工具(自动化构建)

  • Grunt.js – Grunt 生态系统很巨大,且每天成长着。由于有数以百计的插件可供选择,你可以使用 Grunt 自动化构建,且花费最少的代价。
  • Pint.js (Grunt 助手) – Pint 是一个小型、异步、感知依赖的基于 Grunt 的封装库,试图解决大规模构建过程中的一些问题。
  • Gulp.js – Gulp 的流式构建方式和代码优于配置理念使构建更简单、更直观。
  • Browserify.js (浏览器端) – Browserify 是一个允许编写、编译 Node.js 风格的模块并将之用于浏览器的开发工具。就像 node,我们在单独文件中编写模块,使用 module.exports、exports 导出外部方法和属性。
  • Uglify.js – Uglify.js 是服务于 NodeJS 的一个 JavaScript 解析/压缩/美化库。

        包管理工具

  • Homebrew (适用于 Mac 系统) – Homebrew 能安装你需要而苹果不提供的东西。
  • Apt (适用于 Ubuntu 系统) – apt-get 命令是一个强大的命令行工具,与 Ubuntu 的高级包装工具(APT)配合使用,提供了安装新软件、升级已有软件、更新软件列表目录,甚至升级整个 Ubuntu 系统等功能。
  • NPM – npm 是一个 Node.js 官方包管理工具。
  • Bower – Bower 是一个 web 的包管理工具。

        前端

        MVC 框架

  • Backbone.js – Backbone.js 通过提供进行键值绑定的模块、自定义事件、具有丰富可枚举函数 API 的集合、能处理已定义事件的视图,搭建了 web 应用的架构。它通过 RESTful JSON 接口与其它已存在的 API 进行通信。
  • Ember.js – 当底层模块改变时,Ember 使得 Handlebar 模板引擎在保持 HTML 最新方面做得更好。开始时,你甚至不需要编写任何 JavaScript。
  • Angular.js – Angular.js 能让你扩展应用的 HTML 词汇。由此产生的效果是网页极富表现力,代码可读性强,适合快速开发。

        模板

  • Handlebars.js – Handlebars 提供了让你顺利、有效地构建语义模板的强大能力。Handlebars 兼容 Mustache 模板,因此你可以在 Handlebars 中导入 Mustache 模板,同时享用 Handlebars 的其他功能。
  • Mustache.js (比 Handlebars 更少外置元素) – Mustache 是一个简单的 web 模板系统,已有 ActionScript、 C++、Clojure、CoffeeScript、ColdFusion、D、Erlang、Fantom、 Go、Java、JavaScript、 Lua、.NET、 Objective-C、Pharo、Perl、PHP、Python、Ruby、Scala 和 XQuery 语言实现版本的可用。
  • Jade – Jade 是一个 node 模板引擎,主要为 node.js 的服务器端模板而设计。
  • Haml-js – Haml-js 允许在 JavaScript 项目中使用 Haml 语法,并拥有大部分与原先 Haml 相同的功能。
  • Eco – Eco 能让你在标记元素中嵌入 CoffeeScript 的逻辑。

        测试

  • Casper.js – CasperJS 是一个 Javascript 实现的,PhantomJS 和 SlimerJS 的导航脚本和测试工具。
  • Zombie.js – Zombie.js 是一个在模拟环境中测试客户端 JS 代码的轻量级框架。无需浏览器。

        后端

        服务器

  • Express  – Express 是一个 Node 的 web 应用框架。
  • Node – Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用来方便地搭建快速、 易于扩展的网络应用。

        数据库

  • MongoDB – MongoDB 是个龙8国际的文档数据库,引领着 nosql 数据库
  • Postgresql – PostgreSQL 是一个强大、龙8国际、对象-关系型数据库系统。
  • SQL – SQL 用于与数据库进行通信。根据美国国家标准学会的定义,它是关系式数据库管理系统的标准语言。

        架构风格        

  • RESTful – 表现层状态转化是一种架构风格,包含了一组相互协作的架构约束。这些约束应用于分布式超媒体系统之间的组件、连接器和数据元素。

        测试

  • Cucumber.js – Cucumber.js 是一种流行的行为驱动开发工具,并将之应用于你自己的 JavaScript 程序
  • Jasmine – Jasmine 是 JavaScript 的一个行为驱动开发测试框架。它不依赖于浏览器、DOM、或任何其他 JavaScript 框架。因此它适用于网站、Node.js 项目、或任何可运行 JavaScript 的地方。
  • Mocha – Mocha 是一个运行于 node.js 和浏览器的特色丰富的 JavaScript 测试框架,使得异步测试更简单有趣。
  • Q-Unit – Q-Unit 是一个强大,易用的 JavaScript 单元测试框架。它被用于 jQuery、jQuery UI 和 jQuery Mobile 项目,能够测试任何通用的 JavaScript 代码。

        断言库

  • Chai – Chai 是一个行为驱动开发/测试驱动开发(BDD / TDD )断言库,用于 node 和浏览器,可以愉快地搭配任何 JavaScript 测试框架。

        函数式编程工具

  • Underscore.js – Underscore 是一个提供了一大堆有用的函数式编程辅助,无须扩展任何内置对象的 JavaScript 库。
  • Lo-Dash – Lo-Dash 是一个提供了一致性、定制和性能的实用程序库。 

        更新:

        有一个你认为应该在此清单的工具吗?看看这篇文章和 Github 上使用 MindNode 制作的思维导图(OPML)。请提交一个 pull request,给我们您的建议,以增加新流行工具!         翻译: 伯乐在线 - heloowird         译文链接: http://blog.jobbole.com/64771/

扩展阅读

8款卓越龙8国际工具帮你搞定数据可视化难题
FEX 技术周刊 - 2015/11/23
Hybrid移动应用:用网页技术提供Native体验
Web开发学习之路是否有尽头
前端路上的旅行

为您推荐

10个最佳的HTML5代码段,以简化您的开发任务
前端篇: 前端演进史
桥接Microsoft Word和浏览器
这 30 类 CSS 选择器,你必须记在脑袋里!
最全面的前端开发指南

更多

JavaScript
前端技术