前置条件：需已安装vscode编辑器，编辑器下载地址为：https://code.visualstudio.com/，安装操作简单，下载安装包后默认下一步即可完成。

如何安装：

方式一、通过链接直接安装

1.前往插件下载地址：https://marketplace.visualstudio.com/items?itemName=rcc6688899.chtmlCoder

2.点击下载按钮即可，进入到安装步骤，根据提示即可完成安装。

方式二、通过vscdoe直接安装

1.打开我们的vscode，进入到如下界面，点击拓展图标，如下图：

2.在弹出的扩展界面中，搜索“代码变量命名工具”,如下图会显示chtml的vscode插件

3.点击安装按钮即可自动完成安装

如何使用：

1.按下快捷键，Ctrl+shift+p,即可弹出如下输入框

2.输入chtml，即可获取到chtml插件的使用入口如下图。

3.选择chtml变量转换入口，即可弹出中文变量输入框如下图。

说明，另外一种是直接打开web的链接进入到web端中使用

相关说明：

1.vscdoe编辑器是必要的插件安装环境，这个插件主要为方便在vscode中使用习惯的用户。

2.基于使用场景，如果您对桌面的使用场景比较在意，可以选择通过utools的插件进行使用本工具服务。