前端工具链学习笔记

0.前端开发手册

包含了各种各样的前端名词、工具的简单解释和参考资料

HTML5、CSS3和JavaScript可以在计蒜客的课程里学习，总共需要大约8小时的时间（不到5块钱）

1.脚手架yeoman

前端的工具超级多，需要集成使用，如果每次开发前都要把要用的工具配置一遍会很繁琐（而且容易出错），脚手架工具可以自动化地搭建一个集成了各种开发工具的开发环境，以快速开发项目。

windows10下安装yeoman很方便，反而ubuntu下由于ruby的安装很繁琐导致yeoman安装很烦。。

2.Node.js和npm

Node.js是一个使javascript能够运行在非浏览器环境中的东西，使得js语言可以应用到服务器和本地环境。由于node有很多扩展包（这里面介绍的许多工具都是基于node开发的），npm是node携带的对这些包进行管理的工具

3.CommonJS

CommonJS是JavaScripyt的模块化工具（模块化的功能可以类似为java中的包），每个js文件就是一个module，每个module拥有自己的namespace，两个模块之间分享变量需要使用CommonJS的require和explodes语法

4.Vue

Vue是一个组件化的工具。组件化是基于模块化的一种设计，将网页中的每个组件（例如button）的模板（template）、样式（css）和逻辑（js）分离出来，每个都当做一个模块，也就是一个组件要分成三个文件写。。这样写是不是很智障，所以Vue就是帮助我们既能做到组件化，又能不这么麻烦的工具。

和Vue功能相同的还有React，但Vue是中国人开发的，所以开发文档也是中文，看起来比较爽:-D

5.webpack

还记得CommonJS吗，它只是定义了一种书写语法，写出来的一个个模块是不能直接放在浏览器里用的，所以需要webpack这种模块打包工具，把各种模块打包成一个没有这些奇怪语句的js文件，这样就可以引用在html文件里啦

6.scss

一种css文件的预处理工具，让css文件写起来更方便

7.gulp

一种替代在控制台输入各种命令的工具，类似make

8.可选框架

npm

webpack

react

react-router

ES2015 babel

sass

ajax

redux