不需要翻译 api 的 vscode 驼峰翻译插件

本贴最后更新于 557 天前,其中的信息可能已经时异事殊

这是一款,不需要配置翻译 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)

说明:长变量缩短是依据英文单词缩短的规则来进行的。

  • VSCode
    38 引用 • 55 回帖 • 1 关注
  • 插件
    100 引用 • 591 回帖 • 3 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • hj960511
    作者

    很不错的工具,欢迎使用和反馈新的需求,会持续免费。