基于vscode的React组件属性提示方法、装置及计算设备与流程

文档序号:25423617发布日期:2021-06-11 21:36阅读:来源:国知局

技术特征:

1.一种基于vscode的react组件属性提示方法,其特征在于,所述方法包括:

获取用户输入的react组件属性的属性内容,并识别与所述属性内容对应的属性类型;

根据所述属性内容、对应的所述属性类型以及预设的对象字面量应用预设的注释模板生成注释文件;

根据所述react组件生成javascript文件代码,根据所述注释文件以及所述javascript文件代码生成提示文件以对所述react组件的属性进行提示。

2.根据权利要求1所述的方法,其特征在于,所述react组件至少包括两个第一属性以及与所述第一属性对应的所述属性类型。

3.根据权利要求1所述的方法,其特征在于,所述react组件至少包括一个第二属性以及与所述第二属性对应的所述属性类型的至少两个待选项。

4.根据权利要求1所述的方法,其特征在于,预设的所述对象字面量包括第一花括号以及设置在所述第一花括号中的所述react组件的所有属性以及与每个属性对应的属性类型,

所述根据所述属性内容、对应的所述属性类型以及预设的对象字面量应用预设的注释模板生成注释文件,包括:

将所述react组件的所有所述属性内容以及与每个属性内容对应的所述属性类型应用预设规则封装入预设的所述对象字面量;

根据所述对象字面量应用预设的注释模板生成注释文件。

5.根据权利要求4所述的方法,其特征在于,所述注释模板至少包括:开头标志、关键字标识、提示类型、第二花括号以及结尾标志;

所述根据所述对象字面量应用预设的注释模板生成注释文件,包括:

将所述对象字面量设置在所述第二花括号中与所述注释模板结合生成所述注释文件。

6.根据权利要求1所述的方法,其特征在于,所述根据所述属性内容、对应的所述属性类型以及预设的对象字面量应用预设的注释模板生成注释文件,还包括:

检测用户输入的所述react组件的每个属性的所述属性内容是否符合所述对象字面量中的与所述属性对应的属性类型;

如果否,则应用显示标识进行错误提示。

7.根据权利要求1所述的方法,其特征在于,所述根据所述react组件生成javascript文件代码,包括:

确定所述react组件的属性和返回值;

根据所述react组件的属性和所述返回值生成所述javascript文件代码。

8.一种基于vscode的react组件属性提示装置,其特征在于,所述装置包括:

属性获取单元,用于获取用户输入的react组件属性的属性内容,并识别与所述属性内容对应的属性类型;

注释文件生成单元,用于根据所述属性内容、对应的所述属性类型以及预设的对象字面量应用预设的注释模板生成注释文件;

提示单元,用于根据所述react组件生成javascript文件代码,根据所述注释文件以及所述javascript文件代码生成提示文件以对所述react组件的属性进行提示。

9.一种计算设备,其特征在于,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;

所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行根据权利要求1-7任一项所述基于vscode的react组件属性提示方法的步骤。

10.一种计算机存储介质,其特征在于,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行根据权利要求1-7任一项所述基于vscode的react组件属性提示方法的步骤。


技术总结
本发明实施例涉及计算机技术领域,公开了一种基于vscode的React组件属性提示方法、装置及计算设备,该方法包括:获取用户输入的React组件属性的属性内容,并识别与所述属性内容对应的属性类型;根据所述属性内容、对应的所述属性类型以及预设的对象字面量应用预设的注释模板生成注释文件;根据所述React组件生成Javascript文件代码,根据所述注释文件以及所述Javascript文件代码生成提示文件以对所述React组件的属性进行提示。通过上述方式,本发明实施例能够简化注释,为开发者节约开发时间。

技术研发人员:胡玉东
受保护的技术使用者:房云科技(深圳)有限公司
技术研发日:2021.03.18
技术公布日:2021.06.11
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1