代码补全方法、装置、电子设备及存储介质制造方法及图纸

本公开关于一种代码补全方法、装置、电子设备及存储介质，其中代码补全方法通过获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，并展示与CSS样式关键字对应的Flutter样式组件列表，进而获取从Flutter样式组件列表中选择的目标Flutter样式组件，并响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而极大的提高了Flutter的开发效率。

Code completion method, device, electronic equipment and storage medium

【技术实现步骤摘要】
代码补全方法、装置、电子设备及存储介质
本公开涉及计算机
，尤其涉及一种代码补全方法、装置、电子设备及存储介质。
技术介绍
Flutter是谷歌开源的框架，使用dart语言编写的Flutter应用可以直接打包为ios、android、web应用，其具有一套代码多处使用的优点。widget则描述了Flutter应用在当前的配置和状态下视图所应该呈现的样子。目前，Flutter的样式代码包含在一个个widget中，且层层嵌套。然而很多样式只存在于固定、部分的widget中，为了实现基于某一样式所衍生的其他样式则需要进行另一层嵌套，然而，这种样式开发对于不太熟悉Flutter的web开发者来说显得尤为麻烦，其查找如何添加某一个样式需要耗费大量的时间，从而极大的阻碍了Flutter的开发效率。
技术实现思路
本公开提供一种代码补全方法、装置、电子设备及存储介质，以至少解决相关技术中Flutter的开发效率低的问题。本公开的技术方案如下：根据本公开实施例的第一方面，提供一种代码补全方法，包括：获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；展示与CSS样式关键字对应的Flutter样式组件列表；获取从Flutter样式组件列表中选择的目标Flutter样式组件；响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。在其中一个实施例中，获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，包括：识别在当前Flutter样式组件编辑界面中输入的字符串；检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。在其中一个实施例中，展示与CSS样式关键字对应的Flutter样式组件列表，包括：根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件；根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。在其中一个实施例中，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，包括：根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段；在当前Flutter样式组件编辑界面中插入代码段。在其中一个实施例中，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段之后，还包括：响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新所述代码段。根据本公开实施例的第二方面，提供一种代码补全装置，包括：关键字获取模块，被配置为获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；展示模块，展示与CSS样式关键字对应的Flutter样式组件列表；目标Flutter样式组件获取模块，被配置为执行获取从Flutter样式组件列表中选择的目标Flutter样式组件；代码段插入模块，被配置为执行响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段。在其中一个实施例中，关键字获取模块包括：字符串识别单元，被配置为执行识别在当前Flutter样式组件编辑界面中输入的字符串；检测单元，被配置为执行检测字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。在其中一个实施例中，展示模块包括：查找单元，被配置为执行根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与CSS样式关键字对应的多个Flutter样式组件；列表生成单元，被配置为执行根据查找到的多个Flutter样式组件生成对应的Flutter样式组件列表并展示。在其中一个实施例中，代码段插入模块包括：代码段调用单元，被配置为执行根据插入指令从设定的代码库中调用与目标Flutter样式组件对应的代码段；代码段插入单元，被配置为执行在当前Flutter样式组件编辑界面中插入代码段。在其中一个实施例中，代码补全装置还包括：编辑更新模块，被配置为执行响应于对插入的代码段的编辑指令，根据编辑指令获取对代码段的编辑信息，根据编辑信息更新代码段。根据本公开实施例的第三方面，提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器；其中，所述处理器被配置为执行所述指令，以实现第一方面的任一项实施例中所述代码补全方法。根据本公开实施例的第四方面，提供一种存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行第一方面的任一项实施例中所述代码补全方法。根据本公开实施例的第五方面，提供一种计算机程序产品，所述程序产品包括计算机程序，所述计算机程序存储在可读存储介质中，设备的至少一个处理器从所述可读存储介质读取并执行所述计算机程序，使得设备执行第一方面的任一项实施例中所述的代码补全方法。本公开的实施例提供的技术方案至少带来以下有益效果：通过获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，并展示与CSS样式关键字对应的Flutter样式组件列表，进而获取从Flutter样式组件列表中选择的目标Flutter样式组件，并响应于对目标Flutter样式组件的插入指令，根据插入指令在当前Flutter样式组件编辑界面中插入与目标Flutter样式组件对应的代码段，从而极大的提高了Flutter的开发效率。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。图1是根据一示例性实施例示出的一种代码补全方法的应用环境图。图2是根据一示例性实施例示出的一种代码补全方法的流程图。图3是根据一示例性实施例示出的获取CSS样式关键字的步骤的流程示意图。图4是根据一示例性实施例示出的展示Flutter样式组件列表的步骤的流程示意图。图5是根据一示例性实施例示出的插入代码段的步骤的流程示意图。图6是根据一示例性实施例示出的一种代码补全方法的流程图。图7是根据一示例性实施例示出的一种代码补全方法的流程图。图8是根据一示例性实施例示出的一种代码补全装置的框图。图9是根据一示例性实施例示出的一种电子设备的内部结构图。具体实施方式为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特本文档来自技高网...

【技术保护点】
1.一种代码补全方法，其特征在于，包括：/n获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；/n展示与所述CSS样式关键字对应的Flutter样式组件列表；/n获取从所述Flutter样式组件列表中选择的目标Flutter样式组件；/n响应于对所述目标Flutter样式组件的插入指令，根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段。/n

【技术特征摘要】
1.一种代码补全方法，其特征在于，包括：
获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字；
展示与所述CSS样式关键字对应的Flutter样式组件列表；
获取从所述Flutter样式组件列表中选择的目标Flutter样式组件；
响应于对所述目标Flutter样式组件的插入指令，根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段。


2.根据权利要求1所述的代码补全方法，其特征在于，所述获取通过当前Flutter样式组件编辑界面输入的CSS样式关键字，包括：
识别在所述当前Flutter样式组件编辑界面中输入的字符串；
检测所述字符串是否与CSS样式关键字匹配，若匹配，则获取匹配的CSS样式关键字。


3.根据权利要求1所述的代码补全方法，其特征在于，所述展示与所述CSS样式关键字对应的Flutter样式组件列表，包括：
根据设定的CSS样式关键字与Flutter样式组件的映射关系，查找与所述CSS样式关键字对应的多个Flutter样式组件；
根据查找到的所述多个Flutter样式组件生成对应的Flutter样式组件列表并展示。


4.根据权利要求1所述的代码补全方法，其特征在于，所述根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段，包括：
根据所述插入指令从设定的代码库中调用与所述目标Flutter样式组件对应的代码段；
在所述当前Flutter样式组件编辑界面中插入所述代码段。


5.根据权利要求1所述的代码补全方法，其特征在于，所述根据所述插入指令在所述当前Flutter样式组件编辑界面中插入与所述目标Flutter样式组件对应的代码段之后，还包括：
响应于对插入的所述代码段的编辑...

【专利技术属性】
技术研发人员：张萌杰，
申请(专利权)人：北京达佳互联信息技术有限公司，
类型：发明
国别省市：北京;11