一款小插件,实现了一些常用功能
注:以下的 alt 键指代 mac 系统的 cmd(mac 没 alt 键),当然也可以在扩展快捷方式中改成自己习惯的键位。
一、😋 命名格式转换。
将选中的英文字符串通过快捷键或者右键进行驼峰(helloWorld)、帕斯卡(HELLO_WORLD)、下划线(hello_world)、短横线(hello-world)四种常用命名格式的互转,快捷键其实就是 alt + 对应英文命名的第一个字母。
- 驼峰 alt + c (camel)
- 帕斯卡 alt + p (pasic)
- 下划线 alt + u (underline)
- 短横线 alt + k (kebab)
二、😋 中文转为驼峰英文、英文输出中文
选中中文,通过 alt + 1 将选择文本转为驼峰英文。
选中英文,通过 alt + 2 在右下角提示框输出对应中文,提示框等待 10 秒左右会自动关闭
- 选中【你好世界】执行 alt + 1 命令,会将【你好世界】替换为 helloWorld。
- 选中【helloWorld】执行 alt + 2 命令,会将【helloWorld】替换为你好世界 。
三、😋 快速生成代码片段
- 在项目根目录.vscode 文件夹下(没有就创建), 新建一个你想要快速生成的代码段文件
- 选中代码或在文件中使用 alt + 4 点击确定填写信息快速生成 VSCode 代码片段文件
- 支持从选中的代码片段或整个文件生成可复用的代码片段
- 可自定义片段名称、触发前缀和描述信息
- 也可以通过文件资源管理器右键菜单使用此功能
使用示例:
- 在./vscode 下新建 helloWorld.vue 文件,按 alt + 4,输入片段信息后即可生成代码片段,生成后可选择删除原文件
- 在项目中输入设定的前缀即可快速插入代码片段
四、😋 快速输出 console。
- 选中对应文本,通过 ctrl + e 在下一行快速输出 console.log,比如: 选中【helloWord】,会在下一行输出 console.log('helloWord~行号', helloWord);
- 输入 helloWord.cc 回车快速输出 console.log、.ee 输出 console.error, ww 输出 console.warn
五、😋复制文件名
- 选中想要复制的文件名,执行 alt+3 可以快速复制文件名到粘贴板。
| |