前端开发中减少重复劳动，提升效率的方法

摘要

前端领域有两大永恒的主题——性能和效率，中后台场景下对性能的要求不高，但对效率的要求是极致的。在这种背景下，我们在业务开发过程中孵化出了几个工具和平台，分享下我们的设计和思考。

背景

在任何技术领域中性能和效率一直都备受关注。中后台项目中由于移动化办公尚未普及，目前大多数还是以PC页面的形式展现 ，用户使用平台的目的也较为单一，仅是为了工作。

这种场景下性能一般不是关注的重点，加载时间即使是2、3秒影响也不会太大，且PC的硬件设备和网络状况相对移动端要好很多，只要稍加注意性能就不会有什么问题。

但是在效率（工程效率）上却要有极致的提升，因为中台场景中页面会非常多。就以供应链场景举例，我们的供应链下有N个系统，首先是采购系统，采购完后存储到仓库，仓库中有仓储系统，之后是配送和营销。这整一套流程需要有一个数据平台来支撑，无论是正向还是逆向，因此页面数据会非常多，对开发效率有很高的要求。

工具和平台的实践

开发效率方面一般能想到的优化就是减少重复劳动。前端开发阶段可以通过一些工具或平台减少开发上的重复，也可以从整个项目链路来看有哪些可优化点，比如联调、测试、线上维护等方面。针对这两点，我们主要做了3个实践：IDE插件、“Mock”平台、模板仓库平台。

IDE插件

一般要提高在IDE中编写代码的效率采用的都是IDE本身提供的snippets的方式，但是这些snippets存储在本地，无法进行共享。插件的形式无疑能很好的解决问题ÿ