一个前端开发的工作流程是什么样的？从开始第一行代码到部署，有哪些工具可以推荐

Question

比如说：一个前端开发的工作流程是什么样的？从开始第一行代码到部署，有哪些工具可以推荐

Answer 1

一个前端的开发流程要取决于项目的规模、技术栈、以及团队约定和协作流程等诸多因素的考量，不能一概而论，也没办法一概而论。除非你能给出一个具体的场景，大家才好给出更多的建议和选择。

其实重要的不是流程如何（或者说别人的流程如何，如果你想照猫画虎的话），而是我们要时刻问自己：我要解决的问题是什么？解决这个问题的手段有哪些？利弊如何？

再者，就是各种各样的技术技巧把这些环节连接起来，尽可能的做到自动化。这样就可以达成一个比较完美的流程了。

记住，一个人的时候用什么工具都无所谓，能解决问题就是好的。真正去创造流程的架构师并非只是从工具角度去考量解决方案，更多的是团队契合性。因为当你引入一个新工具，就意味着在团队中增加了学习成本，不是每一个人都能像“你”一样学的够快，用的够好，一不小心反而会造成技术负债，进而影响了整个项目的推进。

如果要我给出一个泛泛的“最佳实践”，那我会说：最好的流程就是只有架构师需要知道整个流程的细节，其他的工程师只需要很简单的操作+遵守团队的约定+写代码就OK了。

Answer 2

团结 你要记住永远你们是一个团队

Answer 3

楼上说的这句话　(记住，一个人的时候用什么工具都无所谓，能解决问题就是好的)　不赞同。好的开发工具和能解决问题的工具还是相差天远
该问题既然是推荐前端工具，还是说几个吧　sublime + yeoman + gulp (grant) + git (svn)

Answer 4

如果项目小，工具确实无所谓，搞不好还会带来负担；需要用工具规范前端框架时，视项目规模来判断是否引入一些工具：比如数据模版引擎（Handlebarsjs、ArtTemplate等）；模块化编程及模块加载（requireJS、SeaJS等）；代码打包工具等；根据自身情况进行技术选型。

Answer 5

目前使用 sublime + grunt + (bower) + git
项目依赖第三方库多的时候会使用bower来管理

我使用express来管理我的模版（当然页可以使用php），方便html模块华管理。
虽然后端的同事想要的是整页整页的html，他们觉得这样直观，包括视觉的同事也可以在中图看一下效果。
但要是几十个页面手工维护那也太人肉了。

另外要记住你们是一个团队，配合很重要，很多选型都是有忧虑的，需要有折中让大家都用的爽。这一点我很赞同andypinet

Answer 6

gulp
bower
git

Answer 7

赞同 @nightire 的

一个前端的开发流程要取决于项目的规模、技术栈、以及团队约定和协作流程等诸多因素的考量，不能一概而论，也没办法一概而论。

个人觉得就目前的环境，基本上不太可能有一套统一的解决方案能够匹配所有场景的前端工程化问题，还是得看具体的项目，再根据具体的需求针对工程化中的方方面面拼接解决方案。

Answer 8

你只要记住，有webstorm就够了，其余的工具都是渣渣