[发明专利]一种vue文件转换方法、装置、电子设备及存储介质

说明书

本发明提供了一种vue文件转换方法、装置、电子设备及存储介质，该方法包括：加载vue文件，解析确定vue文件中的script代码片段；确定需要对所述script代码片段进行js到ts的代码转换时，将所述script代码片段分解为导入代码部分、导出代码部分、以及位于导入代码部分和导出代码部分之间的其它代码部分；分别按照预先设定的导入代码转换规则、导出代码转换规则、和其它代码转换规则对导入代码部分、导出代码部分、和其它代码部分进行js到ts的代码转换；将所述script代码片段替换为由经代码转换后的导入代码部分、其它代码部分、导出代码部分组合而成的script代码片段。本发明能够降低人工成本。

技术领域

本发明涉及信息处理技术领域，特别涉及一种vue文件转换方法、装置、电子设备及存储介质。

背景技术

对于前端开发来说，typescript(即ts)语言在团队开发和质量把控上有很大优势，可以帮助我们设置变量类型、定义接口、语法提示以及通过静态类型检查及早告知错误所在。

vue是一套用于构建用户界面的渐进式前端框架，在较早的开发项目中主要采用javascript(即js)进行编写，因此存在将vue文件中的脚本从js语言转换ts语言的需求。目前主要采用手工重写的方式对vue文件中的脚本进行从js语言到ts语言的转换，主要是将componnets、props、data、methods等属性对象一一进行修改，这需要大量重复性劳动，人工成本较高。

发明内容

有鉴于此，本发明的目的在于提供了一种vue文件转换方法、装置、电子设备及存储介质，能够降低人工成本。

为了达到上述目的，本发明提供了如下技术方案：

一种vue文件转换方法，包括：

加载vue文件，解析确定vue文件中的script代码片段；

确定需要对所述script代码片段进行js到ts的代码转换时，将所述script代码片段分解为导入代码部分、导出代码部分、以及位于导入代码部分和导出代码部分之间的其它代码部分；

分别按照预先设定的导入代码转换规则、导出代码转换规则、和其它代码转换规则对导入代码部分、导出代码部分、和其它代码部分进行js到ts的代码转换；

将所述script代码片段替换为由经代码转换后的导入代码部分、其它代码部分、导出代码部分组合而成的script代码片段。

一种vue文件转换装置，包括：

提取单元，用于加载vue文件，解析确定vue文件中的script代码片段；

分解单元，用于确定需要对所述script代码片段进行js到ts的代码转换时，将所述script代码片段分解为导入代码部分、导出代码部分、以及位于导入代码部分和导出代码部分之间的其它代码部分；

转换单元，用于分别按照预先设定的导入代码转换规则、导出代码转换规则、和其它代码转换规则对导入代码部分、导出代码部分、和其它代码部分进行js到ts的代码转换；

替换单元，用于将所述script代码片段替换为由经代码转换后的导入代码部分、其它代码部分、导出代码部分组合而成的script代码片段。

一种电子设备，包括：至少一个处理器，以及与所述至少一个处理器通过总线相连的存储器；所述存储器存储有可被所述至少一个处理器执行的一个或多个计算机程序；所述至少一个处理器执行所述一个或多个计算机程序时实现上述vue文件转换方法中的步骤。

一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个计算机程序，所述一个或多个计算机程序被处理器执行时实现上述vue文件转换方法中的步骤。