一种vscode动态组件库的智能工作方法与流程

本发明涉及软件，具体为一种vscode动态组件库的智能工作方法。

背景技术：

1、vscode是一款由微软开发的免费开源的现代化跨平台代码编辑器，它支持多种编程语言和框架，并提供丰富的功能和插件生态系统，成为许多开发者喜爱的工具之一，组件库是一组可重复使用的u i元素和交互组件的集合，用于构建用户界面，组件库中的组件可以包括按钮、输入框、表格、对话框等，开发者可以通过组合这些组件来构建复杂的用户界面，组件库的目的是提供一种标准化的方式来构建用户界面，以便提高开发效率和保持一致性。

2、在web项目开发过程中,为提升开发效率,常引入一些成熟的第三方u i组件库,因组件的功能及复杂程度差异,开发人员在使用过程中需要参照文档进行开发,为了提高开发人员的工作效率,通过应用可以实现组件文档提示的插件即可，市面上解决以上问题的vscode插件有许多，但存在以下问题，只支持业内两三个组件库,其他的组件库或者是公司自研的组件库无法支持，同时文档及信息内置于插件,插件存在无法根据当前项目依赖的组件库给出精准提示的情况，由此提出本发明。

技术实现思路

1、本发明的目的在于提供一种vscode动态组件库的智能工作方法，以解决上述背景技术中提出的问题。

2、为实现上述目的，本发明提供如下技术方案：一种vscode动态组件库的智能工作方法，包括数据获取：获取需要添加至vscode的组件库和反馈基本信息，所述组件库包括多个组件，组件包括组件名和组件文档，获取并安装需要使用的插件；

3、数据处理：对比并提取组件库中相同名称的组件名，通过命名方法对相同名称的组件名进行重新命名生成对应的新组件名，在组件库中将对应的组件名对应替换为新组件名，基于组件库通过解析提取方法得到配置信息和内置配置信息的展示集和管理集，以组件库中的组件名为单位存储对应展示集和管理集，收集所有组件信息的配置信息得到配置信息集，预设适配于插件的数据格式，将配置信息集基于数据格式进行输出得到配置文件集，基于配置文件集获取组件属性，通过组件属性配合组件文档得到具有取值范围的组件属性，具有取值范围的组件属性为目标组件属性，通过辅助方法对目标组件属性添加可选值；

4、数据发送：打包组件库得到目标数据包，将配置文件集内置于目标数据包中，发送目标数据包至目标库；

5、数据应用：将目标数据包下载并安装至vscode项目对应依赖文件夹中，通过插件查看和使用添加目标数据包产生的ui组件名，初始化插件，监听hover事件，当ui组件名在hover状态下时，在依赖文件夹中提取目标数据包的配置文件集，并将其置入缓存区，将ui组件名与缓存区中的配置文件集通过匹配方法进行匹配得到匹配结果和对应信息，匹配成功，基于对应信息得到与组件名对应的配置信息，输出配置信息文档，组件名在hover状态下提示与组件名对应的配置信息文档和提示组件名下组件属性的可选值，匹配失败则取消hover状态终止提示生成；

6、插件更新：通过更新方法生成更新信息通过反馈基本信息传递至用户，由用户决定插件配置信息是否更新；

7、插件信息获取方式为：自定义配置信息和自动读取依赖项目配置信息,实现其他组件库的接入与实时版本的信息接入。

8、更进一步地，所述解析提取方法包括：设置识别方法，通过识别方法识别组件文档的文档格式生成反馈信息，预设适配于文档格式的解析器，遍历组件库中所有组件的组件文档，根据反馈信息匹配对应的解析器对组件文档进行解析并提取配置信息，当反馈信息反馈出同一组件库中，文档格式有多种时，选取多种与反馈信息对应的解析器对组件文档进行对应解析并提取配置信息，预设展示集和管理集，并将配置信息复制提取至展示集和管理集中，当没有适配于组件文档格式的解析器则生成错误信息输出至反馈基本信息。

9、更进一步地，所述识别方法包括：基于组件文档扩展名确定基础文档格式，基于基础文档格式通过转换对比方法转换组件文档内容生成目标信息，目标信息包括无其他文档格式和有其他文档格式，通过基础文档格式和目标信息组成反馈信息，当格式信息中存在其他文档格式时，反馈信息为基础文档格式和其他文档格式，当格式信息中不存在其他文档格式时，反馈信息为基础文档格式。

10、更进一步地，所述转换对比方法包括：设置文档格式内容转换器，调节文档格式内容转换器的基础格式项为基础文档格式，预设目标格式项，导入组件文档内容至文档格式转换器得到目标格式版组件文档内容，对比目标格式版组件文档内容与组件文档内容得到对比结果，对比结果包括无相同部和有相同部，当有相同部时，提取相同部文档内容，将相同部文档内容导入文档格式内容转换器中调节不同的基础格式项进行格式转换，对比转换前后相同部文档内容，当转换前后相同部文档内容发生变化时，则此次调节的基础格式项为其他文档格式，当调节完多种基础格式项后，相同部文档内容仍然没有发生变化时，生成错误信息，输出相同部文档内容至反馈基本信息。

11、更进一步地，所述命名方法包括：基于相同名称的组件名在不破坏对应组件名的基础上依据其与相邻组件名的关联性进行对应添加后缀生成新组件名，关联性包括该组件名与相邻组件名的包含关系、因果关系和等级关系。

12、更进一步地，所述匹配方法包括：通过hover状态下的u i组件名对比缓存区中配置文件集中的组件名得到匹配结果，匹配成功时，提取配置文件集中与组件名对应的配置信息得到对应信息。

13、更进一步地，所述更新方法包括：插件启动时，基于vscode插件市场通过检索插件获取远程包最新版本，对比当前插件版本是否与远程包最新版本一致，版本不一致则生成更新信息，版本一致则不生成更新信息，更新信息为更新和不更新，当用户选择更新时，自动下载远程包文件,解压并安装远程包文件，重启插件后完成更新插件配置，当用户选择不更新时，则不进行更新。

14、更进一步地，所述辅助方法包括：选取与目标组件属性匹配的文档注释或标记语言，在文档注释或标记语言中为目标组件属性基于对应取值范围定义可选值后得到添加属性集，替换原组件属性为添加属性集，完成目标组件属性添加可选值。

15、与现有技术相比，本发明的有益效果是：

16、该vscode动态组件库的智能工作方法，通过插件信息获取方式为自动读取项目配置信息，可以动态提示与组件名对应的配置信息文档和提示该组件名组件属性的可选值,配置文件集位于缓存区，插件根据u i组件名在hover状态下与缓存区中的配置文件集进行实时匹配实现动态切换接入的配置文件，使得提示的信息更加精准，可以帮助用户更好地通过插件使用组件库，不需要将文档及信息内置在插件内部，不受限制,利于增强适用性,任何组件库通过数据处理后都可接入。

17、同时，通过插件信息获取方式为自定义配置信息，使得用户可以根据实际使用情况和环境决定是否更新插件配置信息，通过将配置文件集内置于目标数据包中发送至目标库，可以便于其他开发者在使用这个组件库时可以通过查看配置文件集中的配置信息来了解每个组件的相关配置信息，从而更加方便地使用和定制组件，通过命名方法的设置，区别相同名称的组件名，利于后续插件的信息提示和用户的使用。