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

相关推荐
HAPPY酷1 小时前
【ROS2】PyCharm 启动 Gazebo 仿真报错?从配置 Shell 到修复路径的全流程复盘
ide·chrome·pycharm
zzzll11112 小时前
Typora插件开发指南:打造专属IDE式写作环境
ide·学习·计算机·大模型·llm·知识
snow@li2 小时前
VSCode:学习手册 / 全景梳理与深度分析
ide·vscode
2601_9615934218 小时前
Mac 上搭建Linux环境吗?VMware + CentOS Stream 9 镜像快速部署
linux·运维·ide·macos·centos
郭老二21 小时前
【ROS2】vscode配置头文件路径等
vscode
不厌 -_-1 天前
VSCode 中 Markdown 转 PDF
vscode·pdf
悲凉的紫菜1 天前
dariy
android·ide·android studio
love530love1 天前
CodexPro + MCP + Cloudflare 配置详解:HTTP2、QUIC 与连接排障
ide·人工智能·windows·ai agent
友人.2271 天前
补充章节:VSCode Wokwi 无法可视化连线?在线 Wokwi 网页拖拽绘图方案
ide·vscode·编辑器
zhanghaofaowhrql1 天前
为CSDN博客编辑器安装自定义CSS主题,打造个性化写作界面
前端·css·编辑器