本篇工具主要介绍一款代码自动化变量命名工具,可以提高我们在实际的编码过程中办公效率,提升我们相关变量命名的速度。

传统形式,我们是通过翻译软件来实现变量的英文命名,使用chtml辅助变量命名工具,可以减少通过翻译软件+脑力拼接浪费的时间。

工具说明:chtml即code helper tag mark law 代码辅助标记方法,是一款简洁好用的在线的代码命名工具、变量命名工具、变量命名规则库,使用它可以让您轻松摆脱翻译软件的困扰,快速选择合适的变量名称用于开发工作中。
工具地址:​​https://www.chtml.cn/​​
客户端:vscode插件:vscdoe插件下载地址(vscod中ctrl+shift+p快速使用入口)、utools:(便捷桌面应用工具中已集成)详细安装和使用说明见方式三。

使用方式一、直接打开工具进行变量名的查询和编写。

步骤一、打开chtml代码辅助标记工具

在这里插入图片描述

步骤二、输入中文名称,并按下回车

在这里插入图片描述

步骤三、选择合适自己的变量名
在这里插入图片描述

end:大公告成,终于可以不用那么麻烦了,轻松生成变量名称。

使用方式二、通过csdn浏览器插件进行调用

步骤一、打开csdn搜素框
在这里插入图片描述
通过点击插件图标
在这里插入图片描述
步骤二、输入变量,工具自动加载
在这里插入图片描述
步骤三、输入要转化的变量中文名。
在这里插入图片描述

点击go或者enter回车

在这里插入图片描述

可以看到相关的变量命名方法就出来了,点击复制变量即可到剪切板,方便好用。

使用方式三、在utools工具中进行安装

步骤一、打开utools,搜索chtml

在这里插入图片描述
步骤二、安装完后可以进行查询,关键词为 变量| ctl|chtml三种,输入任意一个即可调用
在这里插入图片描述
步骤三、输入关键词
在这里插入图片描述
按下回车键
在这里插入图片描述
点击复制变量即可复制到剪切板中
在这里插入图片描述

utools中的快捷方法

1.滚轮菜单,拥有快速转换入口
在这里插入图片描述
2.直接输入转换能力
在这里插入图片描述
转换后
在这里插入图片描述

使用方式四、vscode插件的安装和使用说明

步骤一、打开vscode进入到如下界面
在这里插入图片描述
步骤二、点击安装进行安装,如下是已安装成功。
在这里插入图片描述
步骤三、使用chtml,按下快捷键ctrl+shift+p,弹出如下输入框
在这里插入图片描述
步骤四、输入“chtml即可找到如下的两个入口”
在这里插入图片描述
步骤五、选择其中之一,如上门html转换变量入口是输入文字即可转换代码,打开chtml在线工具则默认进入工具首页。
在这里插入图片描述
说明:输入自动化变量命名工具,按下回车即可转换为英文的变量。支持96中类型的变量命名形式。

vscode中的快捷使用方法

方式一、alt+c 打开变量转换框,支持简繁体中文转变量、变量再转(tableName输入转其他类型变量命名方式)、支持英文直接转变量

方式二、alt+b 直接打开web端的在线工具

方式三、右键选中中文、字符等,找到“通过chtml即转变量”,点击即可快速转换。

vsdcode中的快捷键使用方法

输入中文,并选中该中文或需要转换的英文字符串,按下快捷键“alt+1”转小驼峰

1-5 分别对应:1小驼峰(linkA)、2大驼峰(LinkA)、3下划线法(link_a)、4前下划线法(_link_a),5转脊柱法(linkA\link_a\LINK_A=>link-b)

在这里插入图片描述

alt+x 英文全转小写(LINK_A=>link_a) or 英文全转大写(link_a=>LINK_A)

alt+v 长变量缩短 (link=>l)

在这里插入图片描述

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐