推荐一款vscode上的变量命名扩展,chtml代码变量命名工具

hj960511 · · 2124 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

前置条件:需已安装vscode编辑器,编辑器下载地址为:https://code.visualstudio.com/ tips:安装操作简单,下载安装包后默认下一步即可完成。 ### 如何安装: #### 方式一、通过链接直接安装 1.前往插件下载地址:https://marketplace.visualstudio.com/items?itemName=rcc6688899.chtmlCoder 2.点击下载按钮即可,进入到安装步骤,根据提示即可完成安装。 ![image.png](https://static.golangjob.cn/230608/f93ff2d3ca1f095be111e5e3adb32988.png) #### 方式二、通过vscdoe直接安装 1.打开我们的vscode,进入到如下界面,点击拓展图标,如下图: ![image.png](https://static.golangjob.cn/230608/ec6c0ee3054c821f4e824829d71b4950.png) 2.在弹出的扩展界面中,搜索“代码变量命名工具”,如下图会显示chtml的vscode插件 ![image.png](https://static.golangjob.cn/230608/ff68c803fdf48147584c3f392cdb4fc7.png) 3.点击安装按钮即可自动完成安装 ![image.png](https://static.golangjob.cn/230608/56e8de83e29f38773bab645fdf86966f.png) ### 如何使用: 1.按下快捷键,Ctrl+shift+p,即可弹出如下输入框 ![image.png](https://static.golangjob.cn/230608/a34b27e5de6f156e28946232778ff44c.png) 2.输入chtml,即可获取到chtml插件的使用入口如下图。 ![image.png](https://static.golangjob.cn/230608/6bee7dddbd623c6f8c851b3303ed355b.png) 3.选择chtml变量转换入口,即可弹出中文变量输入框如下图。 ![image.png](https://static.golangjob.cn/230608/df4fe5b9638c0298c358e3665cba4a11.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](https://oss.youqiong.net/tc/chtml/vscodeInfo/play1.gif) 5.便捷功能说明 alt+x 英文全转小写(LINK_A=>link_a) or 英文全转大写(link_a=>LINK_A) alt+v 长变量缩短 (link=>l) ![image.png](https://oss.youqiong.net/tc/chtml/vscodeInfo/play2.gif)

有疑问加站长微信联系(非本文作者))

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:692541889

2124 次点击  
加入收藏 微博
1 回复  |  直到 2023-06-11 00:14:25
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传