基于Vue3的一个前端应用平台搭建方案（element+axios+qs+vue-router+scss）

vue3发布已久，相信迫不及待的小伙伴已经跃跃欲试了。作者也是趁着空闲时间，特意搭建了一个基于vue3的web前端应用平台，该平台基于element-plus实现前端UI展示，vue-router实现路由管理，axios与qs实现网络api请求，scss实现页面布局属性控制。由于vue3并不是vue2的简单升级，而是做了较大的改动，所以与以上的组件兼容还不是特别友好，有些组件的使用也和原来的处理方式大相径庭。作者参考了官网及许多其它作者的文章，特意搭建了一个基于vue3的web前端应用平台，以供各位参考，源码地址请参考atp: 应用测试平台。

是的，没有错，这个源码中也包括作者在前期文章中提到的ATP应用测试平台，他们是放在一起的，作者使用maven中的module统一管理，包括后面如果有其它的应用发布，也会使用这种方式发布，将所有的应用集中管理。目前该项目中包括三个项目，atp-platform（springboot开发的后端项目，支持atp-vue-app与atp-vue3-app的一些API测试）、atp-vue-app（基于vue2开发的web应用平台，主要用于一些作者开发中的经典案例总结）、atp-vue3-app（基于vue3开发，主要用于vue3的案例测试）。由于作者能力、精力有限，本项目目前还没有完整的文档说明，后期会加入文档说明。目前默认读者都是有一定springboot与vue项目开发经验，如果有遇到项目的中问题也可以评论或者私信与我，一定尽量即时解答，当然作者能力有限，也希望得到各位大神的指教。以上三个项目基础的架构及工具已经集成在项目中，读者可以直接下载使用或者参考。后续会持续更新，欢迎关注。项目效果图如下：

ATP应用平台