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内才有效。

相关推荐
山峰哥8 天前
吃透 SQL 优化:告别慢查询,解锁数据库高性能
服务器·数据库·sql·oracle·性能优化·编辑器
Diligently_8 天前
idea 中vm option 配置
java·ide·intellij-idea
holeer8 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
我命由我123458 天前
在 Android Studio 中,新建 AIDL 文件按钮是灰色
android·ide·android studio·安卓·android jetpack·android-studio·android runtime
硬汉嵌入式8 天前
Vim 9.2版本正式发布
编辑器·vim
Hello World . .8 天前
Linux:线程间通信
linux·开发语言·vscode
AC赳赳老秦8 天前
云原生AI故障排查新趋势:利用DeepSeek实现高效定位部署报错与性能瓶颈
ide·人工智能·python·云原生·prometheus·ai-native·deepseek
被制作时长两年半的个人练习生8 天前
claude code for vscode 配置 qwen3.5
ide·vscode·claude code·qwen3.5
圣心8 天前
Visual Studio Code 中的 AI 智能操作
ide·人工智能·vscode
吹牛不交税8 天前
关于vscode左侧资源管理器目录层级疑似异常的问题
ide·vscode·编辑器