首先，chtml代码变量命名工具，即自动化的中文转英文代码变量工具。他是一个在线使用的工具，可以有效提升我们在编程过程中，对于起英文变量名的办公效率。

1、前提条件：

需要先 下载并安装vscode，如下图：

image.png

注意：不是visual studio。

2、安装说明：

步骤一、打开我们的vscode

image.png

步骤二、点击扩展图标

image.png

步骤三、进入到如下界面，在输入框中搜索，代码变量命名工具

image.png

说明：找到箭头所指向的黑色图标插件，并点击安装。

步骤四、安装扩展，如下则为安装成功截图

image.png

3、使用说明

步骤一、按下快捷键ctrl+shift+p，并输入chtml弹出如下输入框。

image.png

步骤二、选择其中一个使用方式，如转换变量入口，则会显示如下的输入框

image.png

转换变量入口说明：输入相对应的中文名称，按下Enter即可转换成为英文变量名。

打开chtml在线工具入口说明：选择后即可直接打开web版本的chtml在线工具。

End：综上便是在vscode中使用chtml代码变量命名工具的方式和说明，细节部分可以自行探索，希望本篇经验对您有用。