一种基于代码编辑器的快速代码国际化的方法及系统技术方案

本发明专利技术公开了一种基于代码编辑器的快速代码国际化的方法及系统，预设国际化配置文件，国际化配置文件中包括不同的代码片段，每个代码片段包括代码片段的名称、代码片段生效的范围、触发代码片段的字符等，通过创建语言文件，建立中文名称键值对，并基于所述国际化配置文件，实现快速代码国际化。本发明专利技术使用代码编辑器编辑用户代码片段，配合国际化配置文件，通过设置相应代码片段的触发字符，实现了一键输入，简化代码国际化过程中复制粘贴的步骤，有效缩短了国际化时间，提升了软件开发的效率。效率。效率。

【技术实现步骤摘要】
一种基于代码编辑器的快速代码国际化的方法及系统


[0001]本专利技术属于Web前端开发效率提升领域，具体涉及一种基于代码编辑器的快速代码国际化的方法及系统。

技术介绍

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

技术实现思路

[0004]针对上述问题，本专利技术提供了一种基于代码编辑器的快速代码国际化的方法，减少了代码国际化过程中30％的时间。
[0005]本专利技术提出的技术方案如下：
[0006]一方面本专利技术公开了一种基于代码编辑器的快速代码国际化的方法，该方法包括：
[0007]预设国际化配置文件；
[0008]创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；
[0009]基于国际化配置文件，实现快速国际化代码，其中，由触发代码片段的字符自动触发代码片段中的国际化格式模板。
[0010]进一步的，所述国际化配置文件中包括至少一代码片段。
[0011]进一步的，所述代码片段的内容包括：代码片段的名称，触发代码片段的字符，代码片段的国际化格式模板，代码片段的描述。
[0012]进一步的，所述国际化格式模板包括不同编程语言的模板语法。
[0013]进一步的，所述国际化格式模板可以设置成字符串或数组。
[0014]进一步的，所述代码片段的国际化格式模板中包括国际化模块名，通过修改国际化模块名切换国际化模块。
[0015]进一步的，基于国际化配置文件，实现快速国际化代码的具体过程包括：
[0016]输入触发代码片段的字符；
[0017]选择对应生效范围的代码片段；
[0018]触发与输入字符相对应的代码片段中的预设国际化格式模板，所述模板自动出现在程序代码中；
[0019]在光标处输入需要的键名，完成国际化代码程序片段。
[0020]进一步的，所述键名从创建的语言文件中获取。
[0021]另一方面，本专利技术还公开了一种基于代码编辑器的快速代码国际化的系统，包括：
[0022]文件配置单元，用于预设国际化配置文件；
[0023]语言文件创建单元，用于创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；
[0024]代码国际化单元，用于根据国际化配置文件，快速实现代码国际化。
[0025]本专利技术提出的基于代码编辑器的快速代码国际化的方法，无需使用插件，使用代码编辑器(代码编辑器可以是VS Code或者WebStorm等)编辑用户代码片段，配合国际化配置文件，通过设置相应代码片段的触发字符，实现了一键输入，简化代码国际化过程中复制粘贴的步骤，有效缩短了30％国际化时间，提升了软件开发的效率。
附图说明
[0026]构成本申请的一部分的附图用来提供对本专利技术的进一步理解，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0027]图1为本专利技术实施例1一种基于代码编辑器的快速代码国际化的方法步骤示意图；
[0028]图2为本专利技术实施例2一种基于代码编辑器的快速代码国际化的系统结构图。
具体实施方式
[0029]为使本领域技术人员更好地理解本专利技术的技术方案，下面结合附图和具体实施方式对本专利技术作进一步详细描述。
[0030]实施例1
[0031]参照图1，本实施例提供一种基于代码编辑器的快速代码国际化的方法，该方法包括以下步骤：
[0032]S1：预设国际化配置文件；
[0033]具体地，使用代码编辑器，编辑国际化配置文件.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]具体地，在编写前端代码时，基于预设的国际化配置文件快速生成本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于代码编辑器的快速代码国际化的方法，其特征在于，包括以下步骤：预设国际化配置文件；创建语言文件，建立中文名称键值对，每一键名唯一对应一中文名称；基于国际化配置文件，实现快速国际化代码，其中，由触发代码片段的字符自动触发代码片段中的国际化格式模板。2.根据权利要求1所述的一种基于代码编辑器的快速代码国际化的方法，其特征在于，所述国际化配置文件中包括至少一代码片段。3.根据权利要求2所述的一种基于代码编辑器的快速代码国际化的方法，其特征在于，所述代码片段的内容包括：代码片段的名称，触发代码片段的字符，代码片段的国际化格式模板，代码片段的描述。4.根据权利要求1所述的一种基于代码编辑器的快速代码国际化的方法，其特征在于，所述国际化格式模板包括不同编程语言的模板语法。5.根据权利要求1所述的一种基于代码编辑器的快速代码国际化的方法，其特征在于，所述国际化格式模板可以设置成字符串或数组。6.根据权利要求1所述的一种基于代码编辑器的快速代码国际化的方法，其特征在于，所述代码片段的国际化格式模...

【专利技术属性】
技术研发人员：卢恬，黄岗，周圣强，
申请(专利权)人：苏州万店掌网络科技有限公司，
类型：发明
国别省市：