如何记录vue移动端项目代码详细步骤？

本文共计906个文字，预计阅读时间需要4分钟。

编写一套Vue多端共用代码，非常适合需要快速且全面上线的项目。然而，由于平台间的相互限制，每端在特定业务例如支付分享等都是完全独立的代码，每个平台的支付方式也各不相同。

撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可以将代码拆分，以-小程序和App两端举例，一份部署到小程序，一份部署到App（Android&Ios）。

首先代码拆分应该保证本地开发的时候只有一套代码，提取所有公共页面，并且分别提取小程序和app的独立JS方法，避免开发完小程序端vue，然后粘贴复制到App端的繁琐操作。
直接看图最清晰，拆分前目录结构：

拆分后目录结构：

拆分前项目目录结构

拆分后项目目录结构

目录拆分好之后，开始拆分代码。