一款vscode上无需翻译api,可中文转变量,变量互转驼峰,大小写转换,长变量缩短的代码变量命名神器!

675 阅读1分钟

一款vscode上无需翻译api,可中文转变量,变量互转驼峰,大小写转换,长变量缩短的代码变量命名神器。他可以让你通过快捷键快速的将变量进行修改和转换。

前置条件:需已安装vscode编辑器,编辑器下载地址为:code.visualstudio.com/

tips:安装操作简单,下载安装包后默认下一步即可完成。

如何安装:

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

1.前往插件下载地址:marketplace.visualstudio.com/items?itemN…

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

image.png

方式二、通过vscdoe直接安装

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

image.png

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

image.png

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

image.png

如何使用:

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

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

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

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

4.快转方式:

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

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

image.png

5.便捷功能说明

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

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

image.png