快速提升前端开发工作效率的总结

快速提升前端开发工作效率的总结

近期在考虑团队建设以及前端小组的效率提升,故对前端开发过程中效率的提升做了个简单的总结,同时
也希望对前端新人有点帮助。

选择一个好的编辑器,并熟练使用她(他)

一个好的编辑器,至少应该具备:

  • 语法高亮
  • 括号匹配
  • 能快速定位
    • 快速打开文件
    • 在文件中查找
    • 在文件夹中查找
    • 跳至某一行
  • 能安装插件

推荐编辑器: SublimeText Hbuilder Intellij IDEA

能熟练使用一个前端调试工具

一个好的前端调试工具,应该具备:

  • 网络请求数据查看
  • 审查元素
  • 打断点和断点调试
  • 控制台打印 log

PC 端推荐调试工具: 谷歌浏览器(chrome) 火狐游览器(firefox) 苹果浏览器(safari)

移动端推荐调试工具: 谷歌浏览器(chrome) 苹果浏览器(safari) weinre UC 浏览器

良好的前端开发辅助环境

前端模板、初始化项目、组件依赖管理、工具集等

  • Yeoman 项目脚手架
  • Bower 依赖管理
  • Grunt 前端构件工具
  • node 前端工具开发和运行环境
  • less css 预编译

文档规范

一个快速发展中的技术小组,应该具备:

  • 需求文档(PM)
  • 视觉规范(设计)
  • 接口文档(开发)
  • 代码规范(风格与全名等)

其他

当然还可以通过其他方式以及相关的组合来提升效率,例如:

svn、git、ruby、compass、yuicompress、coffeescript、代码片段模板页面bootstrap前端常用插件

最后的最后,欢迎大家来补充~