Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>mtapp-pluginNew to Visual Studio Code? Get it now.
mtapp-plugin

mtapp-plugin

hellozzc

|
487 installs
| (1) | Free
支持字母格式转化、中文翻译成驼峰英文、快速生成代码片段、复制文件名、自动输出console
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

一款小插件,实现了一些常用功能

注:以下的 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 可以快速复制文件名到粘贴板。
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft