学习JavaScript必备！基础工具清单大全

在训练中，我们介绍了一些工具和库，以扩大其代码的能力。目前有位 JavaScript 学员，他汇总了这些工具的清单，想分享给其他的代码爱好者。
我们利用 Kalina 的清单，画了一张有帮助的思维导图：

通用

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 的包管理工具。

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 的逻辑。

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 代码。