[发明专利]一种前端Vue页面可视化配置的方法、装置及存储介质

摘要

本申请涉及路由配置领域，提供一种前端Vue页面可视化配置的方法、装置及存储介质，该方法包括：在路由管理工具中输入路由文件夹地址，遍历路由文件夹地址对应的各路由文件夹，并为遍历到的各路由文件夹分别配置路由配置信息；启动浏览器，在UI界面中将所有路由的配置文件渲染为一个树状结构；每个路由路径对应多个页面节点，页面节点之间存在路由关系。同一个页面节点中的路由页面之间存在路由关系；通过树状结构查询每个路由的页面节点之间的串联状态；接收针对树状结构的预览指令，执行预览指令，根据各页面节点之间的串联状态跳转到下一个页面节点，直至预览结束。通过采用本方案，能够提高开发效率和缩短定位问题的时间。

主权项

1.一种前端Vue页面可视化配置的方法，其特征在于，所述方法包括：/n接收用户输入的指令，响应于所述指令：显示命令行的显示窗口，在所述显示窗口运行路由管理工具；/n在所述路由管理工具中输入路由文件夹地址，通过所述路由管理工具遍历所述路由文件夹地址对应的各路由文件夹，并为遍历到的各路由文件夹分别配置路由配置信息；其中，所述路由文件夹地址是指访问路由文件夹的路径，所述路由文件夹包括路由配置信息、存放Vue组件的文件夹、存放路由配置信息的文件夹、Vue项目的入口文件和根组件；所述路由配置信息包括路由路径；/n启动浏览器，加载人机交互UI界面，在所述UI界面中将所有路由的路由配置信息渲染为一个树状结构；其中，每个路由路径对应多个页面节点，页面节点之间存在路由关系，每个页面节点包括多个路由页面，同一个页面节点中的路由页面之间存在路由关系；/n通过所述树状结构查询每个路由的页面节点之间的串联状态，所述串联状态是指页面节点之间存在的跳转关系；/n接收针对所述树状结构的预览指令，执行所述预览指令，根据各页面节点之间的串联状态有序和自动的跳转到下一个页面节点，直至预览结束。/n