[发明专利]代码补全方法、装置、电子设备及存储介质

说明书

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

技术领域

本公开涉及计算机技术领域，尤其涉及一种代码补全方法、装置、电子设备及存储介质。

背景技术

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样式组件；