代码文案翻译方法及装置、电子设备、存储介质与流程

1.本技术涉及计算机技术领域，特别涉及一种代码文案翻译方法及装置、电子设备、计算机可读存储介质。


背景技术：

2.随着互联网全球化的发展趋势，涌现出越来越多的国际化开发项目。开发人员开发国际化项目时，为便于将文案在显示页面展出，需要将代码中所涉及的文案以英文方式呈现。项目开发完毕后，页面运行时通过翻译插件将英文文案翻译为项目所对应语言。通过上述方式，完成对国际化项目的开发。
3.然而，现有技术中，国际化项目中存在许多自命名英文文案，此种情况不利于维护人员对代码进行理解，提高了对项目的维护成本。


技术实现要素：

4.本技术实施例的目的在于提供一种代码文案翻译方法及装置、电子设备、计算机可读存储介质，便于维护人员对代码进行理解，降低了对项目的维护成本。
5.一方面，本技术提供了一种代码文案翻译方法，包括：
6.响应于vscode编辑器中代码文案翻译插件的安装指令，安装代码文案翻译插件；
7.判断代码文案翻译插件是否配置字典库路径；
8.若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，通过代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。
9.在一实施例中，在判断代码文案翻译插件是否配置字典库路径之前，代码文案翻译方法还包括：
10.接收字典库生成指令，生成字典库。
11.在一实施例中，代码文案翻译方法还包括：
12.若代码文案翻译插件未配置字典库路径，显示提示消息；其中，提示消息指示为代码文案翻译插件配置字典库路径。
13.在一实施例中，在若代码文案翻译插件未配置字典库路径，显示提示消息之后，代码文案翻译方法还包括：
14.响应于字典库路径配置指令，将代码文案翻译插件与字典库关联。
15.在一实施例中，在从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案之后，代码文案翻译方法还包括：
16.通过悬浮框显示目标代码文案所对应的翻译文案。
17.另一方面，本技术还提供了一种代码文案翻译装置，包括：
18.安装模块，用于响应于vscode编辑器中代码文案翻译插件的安装指令，安装代码文案翻译插件；
19.判断模块，用于判断代码文案翻译插件是否配置字典库路径；
20.查找模块，用于若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，通过代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。
21.在一实施例中，代码文案翻译装置还包括：
22.生成模块，用于接收字典库生成指令，生成字典库。
23.在一实施例中，查找模块还用于：
24.若代码文案翻译插件未配置字典库路径，显示提示消息；其中，提示消息指示为代码文案翻译插件配置字典库路径。
25.在一实施例中，代码文案翻译装置还包括：
26.关联模块，用于响应于字典库路径配置指令，将代码文案翻译插件与字典库关联。
27.在一实施例中，代码文案翻译装置还包括：
28.显示模块，用于通过悬浮框显示目标代码文案所对应的翻译文案。
29.进一步的，本技术还提供了一种电子设备，电子设备包括：
30.处理器；
31.用于存储处理器可执行指令的存储器；
32.其中，处理器被配置为执行上述代码文案翻译方法。
33.另外，本技术还提供了一种计算机可读存储介质，存储介质存储有计算机程序，计算机程序可由处理器执行以完成上述代码文案翻译方法。
34.本技术方案中，在vscode编辑器中安装代码文案翻译插件之后，判断代码文案翻译插件是否配置对应的字典库路径；若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，则通过上述代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。
35.由此看出，本技术方案中，可以对国际化项目中的英文文案进行翻译，便于维护人员对代码进行理解，降低了项目的维护成本。
附图说明
36.为了更清楚地说明本技术实施例的技术方案，下面将对本技术实施例中所需要使用的附图作简单地介绍。
37.图1为本技术一实施例提供的电子设备的结构示意图；
38.图2为本技术一实施例提供的代码文案翻译方法的流程示意图；
39.图3为本技术一实施例提供的代码文案翻译装置的框图；
40.图4为本技术一实施例提供的代码文案翻译装置的框图。
具体实施方式
41.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行描述。
42.相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本技术的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
43.如图1所示，本实施例提供一种电子设备1，包括：至少一个处理器11和存储器12，图2中以一个处理器11为例。处理器11和存储器12通过总线10连接，存储器12存储有可被处理器11执行的指令，指令被处理器11执行，以使电子设备1可执行本技术下述实施例提供的代码文案翻译方法；其中，电子设备1中搭载有vscode编辑器。
44.存储器12可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(static random access memory，简称sram)，电可擦除可编程只读存储器(electrically erasable programmable read-only memory，简称eeprom)，可擦除可编程只读存储器(erasable programmable read only memory，简称eprom)，可编程只读存储器(programmable red-only memory，简称prom)，只读存储器(read-only memory，简称rom)，磁存储器，快闪存储器，磁盘或光盘。
45.如图2所示，其为本技术一实施例提供的代码文案翻译方法的流程示意图。参见图2，代码文案翻译方法包括以下步骤s210-步骤s230。
46.步骤s210：响应于vscode编辑器中代码文案翻译插件的安装指令，安装代码文案翻译插件。
47.其中，vscode(visual studio code)编辑器，是一款针对于编写现代web和云应用的跨平台源代码编辑器。vscode常被用于国际化项目开发中。文案为项目运行时显示在页面中的文字。举例来说，搜索页面中的搜索按钮上的“搜索”字样即为文案。代码文案为文案在源代码中的表现形式。
48.当开发人员开发国际化项目时，代码文案需要以英文方式呈现。举例来说，开发国际化项目时，“搜索”文案需要以“search”文案字样呈现。
49.开发人员有时为便于编写代码，常会使用自命名的英文文案。举例来说，开发人员编写代码时，可以使“a”代表“search”。然而，上述开发人员所编写的代码，另一个维护人员在对项目代码进行维护时，无法理解上述“a”文案的意思，需要手动的到字典库中查找“a”所对应的具体含义。字典库较为庞大，因此，此种方式不利于维护人员对代码进行维护。
50.本技术中通过在vscode编辑器中安装代码文案翻译插件，可以有效解决上述问题。代码文案翻译插件可以快速对自命名英文文案进行翻译。
51.电子设备接收到代码文案翻译插件的安装指令后，将上述代码文案翻译插件安装在vscode编辑器中。
52.步骤s220：判断代码文案翻译插件是否配置字典库路径。
53.其中，字典库为开发国际化项目时所配备的辅助工具。字典库的功能为，当国际化项目开发完毕后上线运行时，翻译组件可以基于字典库将显示页面上的文案翻译为项目所面向国家语言。示例性的，翻译组件可以为i18n。举例来说，当面向西班牙的国际化项目运行时，翻译组件可以从字典库中获取源代码中英文文案所对应的西班牙文案，并将获取到的西班牙文案显示在页面上，便于用户完成相应的作业流程。
54.字典库存储在电子设备中，并且与上述翻译组件关联。字典库路径为字典库在电子设备中的存储地址。
55.本技术中为便于维护人员阅读代码，需要将开发人员所编写的自命名英文文案，及上述英文文案所对应的翻译文案存入字典库中，并将上述代码文案翻译插件与字典库关联，以实现对英文文案进行翻译。
56.当开发人员在使用vscode编辑器进行国际化项目开发时，电子设备可以判断代码文案翻译插件是否配置字典库路径，即判断是否将代码文案翻译插件与字典库关联。
57.步骤s230：若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，通过代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。
58.其中，目标代码文案为国际化项目源代码中若干英文文案中的一个。
59.当电子设备确定代码文案翻译插件已配置字典库路径，即代码文案翻译插件与字典库已关联，且接收到目标代码文案的翻译指令时，代码文案翻译插件可以获取到该目标代码文案，并从字典库路径所对应的字典库中查找该目标代码文案所对应的翻译文案。其中，翻译文案可以包括多种语言形式。举例来说，翻译文案可以为英语、俄语、日语、西班牙语及德语等。
60.在一实施例中，目标代码文案的翻译指令可以为维护人员所发起的鼠标点击及鼠标悬停等。举例来说，当维护人员在使用vscode编辑器进行代码维护时，可以通过鼠标悬停的方式查看目标代码文案相对应的翻译文案。
61.举例来说，当维护人员将鼠标悬停在“search”上时，“search”即为目标代码文案，此时，代码文案翻译插件获取到上述目标代码文案后，从字典库中可以查找到该目标代码文案所对应的翻译文案为“搜索”。
62.本技术中通过在vscode编辑器中安装代码文案翻译插件，实现对自命名英文文案进行翻译，便于维护人员对代码进行维护，降低了项目的维护成本。
63.在一实施例中，电子设备在执行步骤s210，安装代码文案翻译插件之前，可以接收字典库生成指令，生成字典库。
64.其中，字典库生成指令中携带有自命名英文文案，及上述英文文案所对应的翻译文案。电子设备基于上述指令中所携带的英文文案及翻译文案，生成字典库。
65.在一实施例中，电子设备中可以预先存储有字典库，维护人员可以将自命名英文文案及上述英文文案所对应的翻译文案，存入上述字典库中，以实现对原有字典库的更新。
66.在一实施例中，若代码文案翻译插件未配置字典库路径时，电子设备可以在vscode编辑器的显示页面上显示提示消息；其中，提示消息指示为代码文案翻译插件配置字典库路径。
67.在一实施例中，上述提示消息可以替换为提示按钮。
68.在一实施例中，当电子设备上显示提示消息后，维护人员可以通过电子设备下发字典库路径配置指令。电子设备可以响应于字典库路径配置指令，将代码文案翻译插件与字典库关联。
69.在一实施例中，电子设备可以通过悬浮框显示上述目标代码文案所对应的翻译文案。
70.举例来说，当维护人员将鼠标悬停在目标代码文案上后，目标代码文案处可以显示悬浮框，上述目标代码文案所对应的翻译文案显示在悬浮框上。
71.本技术中的代码文案翻译插件还有如下用途：
72.当开发人员a所开发的项目上线后，若用户发现显示页面上出现翻译错误时，可以向该项目的运营人员反映该翻译错误。由运营人员将上述翻译错误反馈给开发人员，开发
人员根据翻译错误中的显示文案信息，在源开发代码中通过上述代码文案翻译插件确定相应的英文文案内容，并根据英文文案内容对字典库中该英文文案所对应的显示文案进行修改。其中，显示文案为显示在项目运行页面上的文案。
73.举例来说，当开发人员a所开发的西班牙语项目上线后，若用户发现显示页面上某一西班牙语文案有翻译错误时，可以向该项目的运营人员反映该翻译错误。由运营人员将上述翻译错误反馈给开发人员，开发人员可以根据上述西班牙语文案内容，在源代码中通过代码翻译插件确定上述西班牙语所对应的英文文案内容，并根据英文文案内容对字典库中该英文文案所对应的西班牙语文案进行修改。
74.如图3所示，其为本技术一实施例提供的代码文案翻译装置的框图。参见图3，代码文案翻译装置300包括安装模块310、判断模块320及查找模块330。
75.安装模块310，用于响应于vscode编辑器中代码文案翻译插件的安装指令，安装代码文案翻译插件；
76.判断模块320，用于判断代码文案翻译插件是否配置字典库路径；
77.查找模块330，用于若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，通过代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。
78.在一实施例中，查找模块330还用于：
79.若代码文案翻译插件未配置字典库路径，显示提示消息；其中，提示消息指示为代码文案翻译插件配置字典库路径。
80.在一实施例中，如图4所示，代码文案翻译装置300还可以包括生成生成模块340、关联模块350及显示模块360。
81.生成模块340，用于接收字典库生成指令，生成字典库；
82.关联模块350，用于响应于字典库路径配置指令，将代码文案翻译插件与字典库关联；
83.显示模块360，用于通过悬浮框显示目标代码文案所对应的翻译文案。
84.上述装置中各个模块的功能和作用的实现过程具体详见上述代码文案翻译方法中对应步骤的实现过程，在此不再赘述。
85.在本技术所提供的几个实施例中，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本技术的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
86.另外，在本技术各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
87.功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。

技术特征：
1.一种代码文案翻译方法，其特征在于，包括：响应于vscode编辑器中代码文案翻译插件的安装指令，安装所述代码文案翻译插件；判断所述代码文案翻译插件是否配置字典库路径；若所述代码文案翻译插件已配置所述字典库路径，且接收到对目标代码文案的翻译指令，通过所述代码文案翻译插件，从所述字典库路径所对应的字典库中查找所述目标代码文案所对应的翻译文案。2.根据权利要求1所述的方法，其特征在于，在所述判断所述代码文案翻译插件是否配置字典库路径之前，所述方法还包括：接收字典库生成指令，生成所述字典库。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：若所述代码文案翻译插件未配置所述字典库路径，显示提示消息；其中，所述提示消息指示为所述代码文案翻译插件配置所述字典库路径。4.根据权利要求3所述的方法，其特征在于，在所述若所述代码文案翻译插件未配置所述字典库路径，显示提示消息之后，所述方法还包括：响应于字典库路径配置指令，将所述代码文案翻译插件与所述字典库关联。5.根据权利要求1所述的方法，其特征在于，在所述从所述字典库路径所对应的字典库中查找所述目标代码文案所对应的翻译文案之后，所述方法还包括：通过悬浮框显示所述目标代码文案所对应的翻译文案。6.一种代码文案翻译装置，其特征在于，包括：安装模块，用于响应于vscode编辑器中代码文案翻译插件的安装指令，安装所述代码文案翻译插件；判断模块，用于判断所述代码文案翻译插件是否配置字典库路径；查找模块，用于若所述代码文案翻译插件已配置所述字典库路径，且接收到对目标代码文案的翻译指令，通过所述代码文案翻译插件，从所述字典库路径所对应的字典库中查找所述目标代码文案所对应的翻译文案。7.根据权利要求6所述的装置，其特征在于，所述装置还包括：生成模块，用于接收字典库生成指令，生成所述字典库。8.根据权利要求6所述的装置，其特征在于，所述查找模块还用于：若所述代码文案翻译插件未配置所述字典库路径，显示提示消息；其中，所述提示消息指示为所述代码文案翻译插件配置所述字典库路径。9.一种电子设备，其特征在于，所述电子设备包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为执行权利要求1-5任意一项所述的代码文案翻译方法。10.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序可由处理器执行以完成权利要求1-5任意一项所述的代码文案翻译方法。

技术总结
本申请提供一种代码文案翻译方法及装置、电子设备、计算机可读存储介质，该方法包括：响应于VSCode编辑器中代码文案翻译插件的安装指令，安装代码文案翻译插件；判断代码文案翻译插件是否配置字典库路径；若代码文案翻译插件已配置字典库路径，且接收到对目标代码文案的翻译指令，通过代码文案翻译插件，从字典库路径所对应的字典库中查找目标代码文案所对应的翻译文案。本方案实现了对国际化项目中的英文文案进行翻译，便于维护人员对代码进行理解，降低了项目的维护成本。降低了项目的维护成本。降低了项目的维护成本。


技术研发人员：甘振文
受保护的技术使用者：挂号网(杭州)科技有限公司
技术研发日：2021.12.06
技术公布日：2022/3/8