vscode自定义代码提示

vscode输入一段代码后,自动给代码提示,那么如何才能自定义呢?

  1. 点击左下角设置按钮,弹出一个框。
  2. 选择点击"用户代码片段",又弹出一个框
  3. 提供了很多选项,其中包括了针对某些类型的文件(如:javascript)只针对js有效

输入vue.json,enter一下

bash 复制代码
针对*.vue文件,才有效。
{
  "Print to console": {
    "prefix": "log", // 输入log,会提示
    "body": ["console.log('$1');", "$2"],// $2 会在下面加一个位置,tab键换位
    "description": "会输出log内容" // 提示描述
  }
}

输入vue-html.json,enter以下

针对*.vue文件下,在template内才有效。

相关推荐
陈言必行2 天前
Unity 性能优化 之 编辑器创建资源优化( 工作流 | 场景 | 预制体)
unity·编辑器·游戏引擎
CAE虚拟与现实2 天前
VSCode中的下载VSIX是指什么?
ide·vscode·编辑器
路边闲人22 天前
vscode启用GEMINI CODE ASSIST插件
ide·vscode·gemini
小蕾Java2 天前
Java 开发工具,最新2025 IDEA使用(附详细教程)
java·ide·intellij-idea
CAE虚拟与现实2 天前
VSCode官方汉化包
ide·vscode·编辑器·vscode汉化
CAE虚拟与现实2 天前
VSCode创建Python项目和运行py文件
ide·vscode·编辑器
资讯第一线2 天前
《RAD Studio 13.0》 [DELPHI 13.0] [官方原版IOS] 下载
ide
过-眼-云-烟2 天前
新版Android Studio能打包但无法run ‘app‘,编译通过后手机中没有安装,顶部一直转圈
android·ide·android studio
Stardep2 天前
ssh远程连接服务器到vscode上“连接失败”
服务器·vscode·ssh
扯淡的闲人2 天前
多语言编码Agent解决方案(4)-Eclipse插件实现
java·ide·eclipse