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
