一种基于代码编辑器的快速代码国际化的方法及系统与流程

1.本发明属于web前端开发效率提升领域，具体涉及一种基于代码编辑器的快速代码国际化的方法及系统。


背景技术：

2.如今许多互联网公司都在向海外扩展业务，为了面向不同的国家，产品需要显示不同的语言。对于网站或者h5页面，国际化通常是前端来处理。处理的过程是建立不同的语言文件，把中文复制进去，给中文取个名称，然后把名称复制到代码里中文的位置，按照不同的格式写完整，再把中文文件的内容复制到其他语言文件里，再让其他人来翻译。
3.代码国际化的过程是一个重复性工作，非常枯燥繁琐，需要手动输入，进行大量的粘贴复制，花费时间长，效率十分低下。


技术实现要素：

4.针对上述问题，本发明提供了一种基于代码编辑器的快速代码国际化的方法，减少了代码国际化过程中30％的时间。
5.本发明提出的技术方案如下：
6.一方面本发明公开了一种基于代码编辑器的快速代码国际化的方法，该方法包括：
7.预设国际化配置文件；
8.创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；
9.基于国际化配置文件，实现快速国际化代码，其中，由触发代码片段的字符自动触发代码片段中的国际化格式模板。
10.进一步的，所述国际化配置文件中包括至少一代码片段。
11.进一步的，所述代码片段的内容包括：代码片段的名称，触发代码片段的字符，代码片段的国际化格式模板，代码片段的描述。
12.进一步的，所述国际化格式模板包括不同编程语言的模板语法。
13.进一步的，所述国际化格式模板可以设置成字符串或数组。
14.进一步的，所述代码片段的国际化格式模板中包括国际化模块名，通过修改国际化模块名切换国际化模块。
15.进一步的，基于国际化配置文件，实现快速国际化代码的具体过程包括：
16.输入触发代码片段的字符；
17.选择对应生效范围的代码片段；
18.触发与输入字符相对应的代码片段中的预设国际化格式模板，所述模板自动出现在程序代码中；
19.在光标处输入需要的键名，完成国际化代码程序片段。
20.进一步的，所述键名从创建的语言文件中获取。
21.另一方面，本发明还公开了一种基于代码编辑器的快速代码国际化的系统，包括：
22.文件配置单元，用于预设国际化配置文件；
23.语言文件创建单元，用于创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；
24.代码国际化单元，用于根据国际化配置文件，快速实现代码国际化。
25.本发明提出的基于代码编辑器的快速代码国际化的方法，无需使用插件，使用代码编辑器(代码编辑器可以是vs code或者webstorm等)编辑用户代码片段，配合国际化配置文件，通过设置相应代码片段的触发字符，实现了一键输入，简化代码国际化过程中复制粘贴的步骤，有效缩短了30％国际化时间，提升了软件开发的效率。
附图说明
26.构成本技术的一部分的附图用来提供对本发明的进一步理解，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发明的不当限定。在附图中：
27.图1为本发明实施例1一种基于代码编辑器的快速代码国际化的方法步骤示意图；
28.图2为本发明实施例2一种基于代码编辑器的快速代码国际化的系统结构图。
具体实施方式
29.为使本领域技术人员更好地理解本发明的技术方案，下面结合附图和具体实施方式对本发明作进一步详细描述。
30.实施例1
31.参照图1，本实施例提供一种基于代码编辑器的快速代码国际化的方法，该方法包括以下步骤：
32.s1：预设国际化配置文件；
33.具体地，使用代码编辑器，编辑国际化配置文件.code-snippets，配置文件中设置了不同的代码片段，每一个代码片段具体包括：代码片段对应的名称、代码片段生效的范围、触发代码片段的字符、代码片段的具体内容、代码片段描述，代码片段格式如下所示：
[0034][0035]
为了进一步说明代码片段格式，本实施例可以采用如下格式。
[0036][0036]
该实施例代码片段格式仅为一种示例，并不限定本发明其他代码片段格式。
[0037]
其中，代码片段名称可按照用户既定的命名规则自定义设置，例如"vue-i18n-mall"，在触发该代码片段的时候会展示匹配到的代码片段名称。
[0038]
scope是代码片段生效的范围，例如"scope":"vue-html"，生效的范围就是vue-html。设置scope是为了创建全局代码片段，当代码片段不是全局代码片段时，则此时无需设置scope。
[0039]
prefix是触发代码片段的字符，可自定义设置，例如"vt"，那么在编写代码时在程序模块中输入vt则会触发名称为"vue-i18n-mall"的代码片段body中的内容。
[0040]
body是对应代码片段的具体内容，为预设的国际化格式模板，可以设置成字符串，也可以设置成数组，例如"body":\\$t('passenger.$1')，其中，passenger是国际化模块名，需要切换模块时，可以更改此处的模块避免重复性复制粘贴，$1为输入触发该代码片段的字符回车后光标出现的位置，那么在vue-html中输入vt，回车会得到$t('passenger.')。
[0041]
description对应代码片段描述。
[0042]
s2：创建至少一个语言文件，建立中文名称键值对，其中，每一键名唯一对应一中文名称；
[0043]
具体地，创建的语言文件格式如下：
[0044]
export default{
[0045]
loading:'正在加载...',
[0046]
cancel:'取消',
[0047]
confirm:'确定',
[0048]
search:'搜索',
[0049]
downloading:'正在下载',
[0050]
video_download:'录像下载',
[0051]
start_time:'开始时间',
[0052]
duration:'下载时长',
[0053]
min:'分钟',
[0054]
}；该语言文件可以通过json实现。
[0055]
s3：基于预设的国际化配置文件，生成国际化代码程序片段；
[0056]
具体地，在编写前端代码时，基于预设的国际化配置文件快速生成代码国际化程序，具体步骤如下：
[0057]
s3.1：输入触发代码片段的字符；
[0058]
s3.2：根据编程语言，选择对应生效范围的代码片段；
[0059]
s3.3：由输入的字符触发与该字符相对应的代码片段body中的预设输入文本，文
本中的模板语法会自动出现在程序代码中；
[0060]
s3.4：在模板语法的光标处输入需要的键名，即可以完成一条完整的国际化代码程序片段，键名从创建的语言文件中获取。
[0061]
需要进一步说明的是，在若干国际化代码程序片段生成之后，完成对整个源程序的编辑，则该源程序即可运行。
[0062]
至此，本实施例使用的基于代码编辑器的快速代码国际化的方法，使用代码编辑器自带的用户代码片段功能，配合国际化配置文件，通过设置相应代码片段的触发字符，实现了一键输入，简化代码国际化过程中复制粘贴的步骤，有效缩短了30％国际化时间，提升了软件开发的效率。
[0063]
实施例2
[0064]
本实施例提供一种基于代码编辑器的快速代码国际化的系统，该系统包括以下单元：
[0065]
文件配置单元201，用于预设国际化配置文件；
[0066]
语言文件创建单元202，用于创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；
[0067]
代码国际化单元203，用于根据国际化配置文件，快速实现代码国际化。
[0068]
另外，本发明实施例还提供一种计算机可读存储介质，其中，该计算机可读存储介质可存储有程序，该程序执行时包括上述方法实施例中记载的任何基于代码编辑器的快速代码国际化的方法的部分或全部步骤。
[0069]
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
[0070]
所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储器中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储器中，包括若干指令用以使得一台计算机设备(可为个人计算机、服务器或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储器包括：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
[0071]
以上所述的具体实施方式，对本技术的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本技术的具体实施方式而已，并不用于限定本技术的保护范围，凡在本技术的技术方案的基础之上，所做的任何修改、等同替换、改进等，均应包括在本技术的保护范围之内。