自用笔记：本文属于自用笔记，不做详解，仅供参考。

　　面对日益纷杂的前端工具，作为新人常感无从下手。经过一番检索和简单对比，再结合自己的喜好，筛选了将要学习和使用的工具，以适应日益工程化、专业化的 Web 前端开发工作。

Library & Framework | 库与框架

• jQuery
• jQuery UI: A curated set of user interface interactions, effects, widgets, and themes
• Vue.js: 数据驱动的组件，为现代化的 Web 界面而生
• React.js: A JavaScript library for building user interfaces
• React Native: A framework for building native apps using React

The Build System | 构建工具

The Build System is used to build, preview and test your project.

• gulp.js: Automate and enhance your workflow

The Module Bundler | 模块打包器

Packs many modules into a few bundled assets.

• webpack: Take modules with dependencies and generate static assets representing those modules

The Package Manager | 包管理

The Package Manager is used for dependency management, so that you no longer have to manually download and manage your scripts.

• npm: Node Package Manager.

CSS Extension | CSS 处理

Provide an efficient, dynamic, and expressive way to generate CSS.

• Stylus: Expressive, robust, feature-rich CSS language built for nodejs
• PostCSS: Transforming styles with JS plugins

JavaScript Module | JavaScript 模块化

• ECMAScript 6 Module

JavaScript Template | JavaScript 模板引擎

Generate HTML markup with plain JavaScript.

• EJS

Test Framework | 测试框架

• Mocha: a simple, flexible, fun JavaScript test framework for node.js and the browser
• Chai: a BDD / TDD assertion library for node and the browser that can be delightfully paired with any javascript testing framework

The scaffolding tool | 手脚架

Scaffolds out a new application, writing your build configuration and pulling in relevant build tasks and package manager dependencies that you might need for your build.

• Yeoman

集成方案

• FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

Container | 容器

• Docker: Build, Ship, and Run Any App, Anywhere