vscode代码索引_vscode自定义代码提示:用户代码片段

本文介绍了如何在VSCode中配置和使用自定义代码片段,详细讲解了"prefix"、"body"和"description"等字段的含义及用法。通过设置,可以实现按词头触发代码提示,自定义光标位置和预设文本,以及利用特殊变量动态插入信息。还分享了一个用于博客配置的代码片段示例,帮助提升编码效率。
摘要由CSDN通过智能技术生成

先来看看效果

配置好之后输入配置的代码段词头,就会有提示出现👇

278d5dfb1e4cf36284f953ab5f1d6315.gif

入口

点击 vscode 左下角 设置⚙️ 图标,点击用户代码片段

选择代码片段文件

点击用户代码片段后会展示所有语言的列表,博客使用 markdown 语法,这里选择 markdown.json ,点击进入 json 文件

正文

进入配置文件后,官方提供了一个 Example ,去掉注释后,可以看到代码长这样:

"Print to console": {

"prefix": "log",

"body": [

"console.log('$1');",

"$2"

],

"description": "Log output to console"

}

Print to console 是代码段的名称,当没有设置 description 时,会作为代码提示的标题显示

prefix 顾名思义就是触发代码提示的词头,在代码区输入设置好的词头,就会有代码提示

body 里的就是代码段,支持多行显示和单行显示,字符串数组形式,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值