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

说明书

本公开关于一种代码处理方法、装置、电子设备及存储介质。所述方法，包括：接收针对代码编辑器的启动指令；根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面；通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果。解决了相关技术中代码开发和测试过程操作繁琐，时间成本较大，效率较低的技术问题。取得了提高代码开发和测试过程的效率的有益效果。

技术领域

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

背景技术

在前端开发工程师日常开发的过程中或者学习过程中会遇到一些需要测试的代码片段，而测试或者学习之前需要下载编辑器以及相关调试工具，并且需要完整的输入编程语言所规定的固定模板才可以进行代码调试。例如，为了进行代码测试，需要下载代码编辑器，进而在本地的代码编辑器新建文件，新建代码模板，保存文件并在浏览器中运行，而且需要另外打开控制台以查看代码输出。另外，如果重新提交代码，则需要在浏览器中重新刷新页面，以获取最新页面展示。

有上述分析可知，相关技术中，前端开发人员在学习过程中为了进行代码测试，需要进行新建文件、新建模板、保存代码、刷新浏览器、打开控制台等一系列操作，使得在代码开发和测试过程操作繁琐，时间成本较大，效率较低。

发明内容

本公开提供一种代码处理方法、装置、电子设备及存储介质，以至少解决相关技术中代码开发和测试过程操作繁琐，时间成本较大，效率较低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种代码处理方法，包括：

接收针对代码编辑器的启动指令；

根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面；

通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果。

可选地，所述代码编辑器页面中还包括控制台输出区域，所述方法还包括：

获取与所述代码编辑器页面关联的控制台的输出数据，并在所述代码编辑器页面中的控制台输出区域中展示所述输出数据。

可选地，所述获取所述与所述代码编辑器页面关联的控制台的输出数据，并在所述代码编辑器页面中的控制台输出区域中展示所述输出数据的步骤，包括：

通过在所述代码编辑器页面的加载阶段重写的控制台函数，将与所述代码编辑器页面关联的控制台的输出数据绑定至预设的变量数组中，并在所述代码编辑器页面中的控制台输出区域显示所述变量数组。

可选地，所述通过所述代码编辑器页面中的代码输入区域接收待执行代码，并在所述代码编辑器页面中的结果展示区域展示所述待执行代码的执行结果的步骤，包括：

根据接收到针对所述代码编辑器页面中任一模板标识的选择指令，在所述代码输入区域展示所述模板标识对应的模板；

在通过所述代码输入区域接收编辑操作的过程中，响应于所述代码编辑器当前接收到的编辑操作为有内容的输入，根据所述编辑操作的输入内容，进行代码自动提示；

响应于所述代码输入区域在预设时间段内未接收到编辑操作，在所述结果展示区域中展示所述代码输入区域中的待执行代码的执行结果。

可选地，所述根据所述启动指令，通过浏览器对所述代码编辑器进行渲染展示，得到代码编辑器页面的步骤，包括：

响应于首次接收到所述启动指令，和/或在当前客户端的本地未检测到所述代码编辑器的文件包，从服务器获取所述代码编辑器的文件包；其中，所述文件包中包含在所述服务器中渲染完成的Nuxt框架；