很多前端新手在开发的时候总是显得效率不高，其实很大程度上是准备工作不到位，大部分新手一拿到设计稿就开始上手，等到快完工的时候才发现这没做好那没做好，常常导致返工不断，因此在正式开发敲第一行代码前不妨静下来好好思考下整个项目的逻辑以及项目开发会遇到什么，根据本人开发经验，总结以下开发前要准备的工作，希望能帮助到新手
在项目开始前要做的工作：
一、统览所有的设计稿，找出共同元素，比如字体大小，风格，背景，边框颜色，边距等，同时标出共同组件。
二、提前做好图片的雪碧图，减少图片请求。
三、充分与设计师沟通(确定拿到手的设计稿是经过主管审核同意的)，以及与后台沟通（确认好接口、数据格式、请求参数等），确保做的都是有用功。
四、提前评估好项目开发中可能会碰到的问题，跟项目主管确认要兼容的浏览器以及版本，并做好兼容性解决方案（尤其是网页版微信浏览器兼容）。
五、根据项目的大小选择合适的技术套餐，比如是否要使用spa单页路由开发 还是 原生+jq webpack多入口等
六、选择好代码版本管理工具（github/svn）一般项目都是会放在github上、如果这些不懂，可以提前预习下
七、提前根据业务设计好项目的基本目录结构：一般都有src(assert、components、view....) build config utils server api等等