这是一款,不需要配置翻译 api 且可流畅转换,支持中文转英文变量、英文变量转其他类型变量的效率工具,chtml 代码变量命名工具。该工具支持 win 系统、mac 系统,具备如下四个客户端使用场景,web 端浏览器直接打开即可使用、vscode 扩展,在 vscode 中直接使用【同时也可在 cursor 中引入插件使用】、utools 中安装插件快速使用【支持右键选中任意一个中文组件,即可快速转换变量】、浏览器插件【csdn 浏览器助手中安装扩展,输入变量即可调用转换】,下面我将一一介绍该工具的安装方法及使用教程。
本篇文章转载自:https://www.nowcoder.com/discuss/496431642320318464 已获作者同意
电脑系统中使用方式、在 mac、win、linux 等系列系统中使用
说明:需要优先安装 utools 工具,在插件市场中安装 chtml 使用。
支持:win、mac、linux 主流系统。
适合不习惯通过浏览器、编辑器实用的场景。
如何安装:
1.安装完毕 utools 后,按下快捷键,alt+ 空格,在输入框中输入“插件应用市场”,进入到如下界面
2.在搜索框中输入“变量命名工具”或“chtml”,即可看到 chtml 的代码插件,如下图
3.点击卡片,进入到详情页,点击获取,即可安装成功,安装后的情况如下:
如何使用:
方式一、滚轮菜单,选中文字,按下滚轮即可弹出这个菜单,可选择快速转换,也可直接进入到在线工具进行转换变量。
方式二、alt+ 空格,输入框输入 chtml,然后进入,进行转换变量。
转换效果
说明:可通过 alt+ 数字进行快速复制,也可以鼠标点击复制结果。
功能特点:支持 96 中变量命名法
说明:只要是安装了 utools 软件的电脑,就可以在 mac、linux、win 等系统中安装该插件进行使用。
在 vscode 中使用方式、支持右键菜单极速转换变量、大小写互转
如何安装:
方式一、通过链接直接安装
1.前往插件下载地址:https://marketplace.visualstudio.com/items?itemName=rcc6688899.chtmlCoder
2.点击下载按钮即可,进入到安装步骤,根据提示即可完成安装。
方式二、通过 vscdoe 直接安装
1.打开我们的 vscode,进入到如下界面,点击拓展图标,如下图:
2.在弹出的扩展界面中,搜索“代码变量命名工具”,如下图会显示 chtml 的 vscode 插件
3.点击安装按钮即可自动完成安装
使用方法
1.默认使用方法:按下快捷键 ctrl+shift+p,在弹出的输入框中输入 “chtml”,即可选择指定入口,输入中文按下 enter 即可转换为英文变量。
2.快捷键方式:
方式一、alt+c 打开变量转换框,支持简繁体中文转变量、变量再转(tableName输入转其他类型变量命名方式)、支持英文直接转变量
方式二、alt+b 直接打开web端的在线工具
方式三、右键选中中文、字符等,找到“通过chtml即转变量”,点击即可快速转换。
3.快转方式:
输入中文,并选中该中文或需要转换的英文字符串,按下快捷键“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)
说明:长变量缩短是依据英文单词缩短的规则来进行的。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于