前端所说的脚手架
了解前端杂文
脚手架
前端所说的脚手架 scaffold cli（Command Line Interface）
npm bower grunt
脚手架就可以帮你减少重复工作
目录结构 gulp脚本、babel配置 空的测试文件都帮你搞好
直接写核心业务代码 不做重复工作
脚手架就是一个宽泛的概念 只是一个或一套搭建工具的总称 这些工具帮我们去完成前端代码构建。传统的中我们写代码并不需要脚手架 一个html加上css和js 一个编辑器就足够了
脚手架工具 如写css方便的less比如下流行的将html模板直接用js来写的React 以及实现js模块化的前端代码打包工具 webpack
脚手架是指通过输入简单的命令帮助我们快速搭建好一个基本环境的工具 就比如gulp是任务自动构建工具 gulp-cli则是以命令形式安装和操作gulp的工具
gulp可以理解成一个综合工具 可以通过插件将很多前端工具集合起来，快速的搭建出来 和gulp相提并论的是grunt
现在比较流行的方法是基于node来搭建的前端与编译的环境，这个就区别于以前的直接在浏览器中直接引用js文件的形式引入一个工具插件 比如sea.js require.js 设置jquery.js
在node中我们使用一个工具叫npm的工具用来安装 管理我们前端需要的包 （package）这个时候cli就好理解了 cli（cmmand line interface ） 命令行界面 一般指的是npm中的插件 可以理解为windows中的exe这个概念
搭建gulp的运行环境需要我们在node中安装gulp包
全局安装 npm install –global gulp
在你项目中开发目录中 npm install –save-dev gulp
那么gulp-cli是什么呢？其实gulp-cli也是gulp推出的npm包 为了和gulp包做区别加了cli 只是一个名称而已
构建工具 任务流工具 task runner/任务运行器
webpack 目前最流行的前端模块化打包工具
Parcel web应用打包工具
Minipack 一个可以帮助开发者理解打包原理的开源打包工具
FIS 源于百度前端工具构建工具
Athena 京东凹凸是实验室前端自动化流程构建工具
WeFlow 前端开发工作流工具基于微信tmt-workflow
cooking 源于饿了么前端框架
Yeoman 为现代前端而生的、灵活通用的脚手架工具
gulp 目前最流行的前端任务流构建工具
Duo 自己吹牛说是下一代前端包管理工具
rollup.js JS 模块化打包，更适合构建独立的 JS 库
框架Framework
Vue.js 类MVVM，构建数据驱动的 web 界面的库，非严格的MVVM。
React 构建用户界面，常配合 Flux 或者 Redux 使用。
Angular 1.0 MVC，双向绑定扩展HTML，解耦DOM操作和应用程序逻辑。2.0 MVVM，引入模块化组件模型。
Ember MVVM。
Dojo 渐进式框架
Inferno 类React框架
Knockout MVVM的先驱。
Riot UI（数据渲染）框架
Polymer 帮助开发者创建自定义组件
KISSY 跨终端、模块化、高性能、使用简单的 JavaScript 框架
服务框架 Server
Backbone.js web 应用构建工具， MVC，服务器端框架，依赖 Underscore.js。
UI框架
UIKit 快速构建 web 界面
iView 基于 vue 的 UI 组件库
Ant Design 源于蚂蚁金服
layui 自吹经典模块化前端框架
jQuery EasyUI 基于jQuery的UI框架
J-UI 一个UI框架，含有布局、交互等等。
Milligram CSS框架
Skeleton CSS样式基准，非UI框架
Pure CSS模块
代码编译工具
Babel 将 ES6 转换为 ES5
Less CSS 编译工具
Sass CSS 编译工具
第三方库
Lodash 提供模块化、性能和附加功能
Underscore.js 函数扩展
TypeScript JavaScript类型化超集
jQuery 封装方法，提高编程效率，包含 DOM API。
Zepto 类jQuery，封装方法，提高编程效率，包含 DOM API。
包管理工具
Bower 前端包管理工具
npm 前端工具源，另一个潜在的前端模块源
Yarn Facebook推出的高效包管理工具
版本管理
SVN
react＋webpack＋redux+react-router+fetch+babel+eslint+mockjs**