title: 前端工程化工具初选
date: 2016-02-16 18:53:03
categories:
- 自用笔记
- 术业专攻
tags:
comments:
permalink: front-end-tools
note: 1
---

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

<!-- more -->

## Library & Framework | 库与框架

> - [jQuery](http://jquery.com/)
- [jQuery UI](http://jqueryui.com/): A curated set of user interface interactions, effects, widgets, and themes
- [Vue.js](http://cn.vuejs.org/): 数据驱动的组件，为现代化的 Web 界面而生
- [React.js](http://facebook.github.io/react/): A JavaScript library for building user interfaces
- [React Native](https://facebook.github.io/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](http://gulpjs.com/): Automate and enhance your workflow

## The Module Bundler | 模块打包器

Packs many modules into a few bundled assets.

> - [webpack](https://webpack.github.io/): 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](https://www.npmjs.com/): Node Package Manager.

## CSS Extension | CSS 处理

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

> - [Stylus](https://github.com/stylus/stylus): Expressive, robust, feature-rich CSS language built for nodejs
- [PostCSS](https://github.com/postcss/postcss): Transforming styles with JS plugins

## JavaScript Module | JavaScript 模块化

> - [ECMAScript 6 Module](http://exploringjs.com/es6/ch_modules.html)

## JavaScript Template | JavaScript 模板引擎

Generate HTML markup with plain JavaScript.

> - [EJS](http://ejs.co/)

## Test Framework | 测试框架
> - [Mocha](http://mochajs.org/): a simple, flexible, fun JavaScript test framework for node.js and the browser
> - [Chai](http://chaijs.com/): 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](http://yeoman.io/)

## 集成方案
> - [FIS](http://fis.baidu.com/): 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

## Container | 容器
> - [Docker](http://www.docker.com/): Build, Ship, and Run Any App, Anywhere