一、搭建前端的开发环境

1.代码编辑工具：sublime/WebStorm/HBuilder。

2.断点调试工具：Firebug。

3.版本管理工具：Git(本人建议使用git,至于原因大家可以看看相关blog)，安装完成后我们就可以从github上clone一些项目。

4.代码合并和混淆工具:webpack （Webpack具有Grunt、Gulp对于静态资源自动化构建的能力，同时兼容AMD与CMD的模块加载规范）。

4.开发调试工具：NodeJs。很多非常有用的工具都是基于NodeJs的，我们要学会使用NodeJs下的包管理器(npm)，可以使用它安装很多插件。推荐使用开发神器grunt，它是为解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题的工具框架。

5.依赖管理工具：bower，帮助我们自动安装我们所需要的组件。

6.轻量级的server：http-server。

7.单元测试神器：karma Jasmine。

二、前端开发流程总结

1.前端开发流程一

1.产品需求》2.需求讨论会（立项）》3.交互设计+视觉设计（PS:交互设计）》4.前端制作（切图）》5.后端开发（模板嵌套）》6.前后端联调》7.测试（bug修改）》8.上线。

2.前端开发流程二

1.产品需求》2.需求讨论会（立项）》3.交互设计+视觉设计（PS:交互设计）》4.前端制作（切图）》5.前端开发（模板嵌套）》6.后端开发（接口开发）》7.前后端联调》8.测试（bug修改）》9.上线。

总结以上大致分为两部分。

【EDN】

搭建前端的开发环境和前端开发流程总结