前端工程化

随着项目越来越大，流程越来越繁琐，前端工程化的工作也悄悄的提到的日程。

脚手架生成工具 Yeoman

yeoman是一个提供前端脚手架的工具，可以将一个近乎日常化的脚手架都搭建起来，使用最简单的方式，进行一键安装和项目使用

实例：

npm install -g yo 
npm install -g generator-h5

yo h5

快速搭建框架：脚手架生成工具 Yeoman Generator

项目demo

包管理器 Bower

包管理器 NPM

npm user
npm publish
npm unpublish

保障编码风格：Javascript 风格检查工具 ESLint 使用

保障编码风格：CSS 代码检车工具 CSSLint使用

保障编码风格：HTML 代码检查工具 HTMLHint 使用

保障代码质量：单元测试工具链 Mocha Chai Sinon

保障代码质量：集成测试工具链 CasperJS Karma

保障代码质量：强制代码检查之 Git Hooks

无情自动化：任务管理器 Grunt 使用

无情自动化：流式构建工具 Gulp 使用

无情自动化：把 LiveReload 融入开发工作流

无情自动化：把 BrowserSync 融入开发工作流

无情自动化：打包工具 webpack 使用

无情自动化：前端集成化构建工具 FIS使用

代码可维护性