VsCode 自定义模板

按步骤进行操作: 文件 => 首选项 => 配置用户代码片段 => 新代码片段(也可以选择已有的代码片段) => 输入新代码片段名称 + 回车

 然后你会发现有这么一串被注释的代码

 能看明白的就可以自己配置模板了,跟我一样不太明白的接着往下走

我这里就先以 html 为例:

看第一行的 "html-temp",我也不知道怎么去描述它(名称 or 提示?),反正具体作用如下图红色部分所示。

然后倒数第二行的 description,作用看第二个红框。

 然后再来看看其他字段:

scope:当前代码片段在什么文件内有效,我这里配置的是 html 就只在 html 文件内生效

prefix:敲什么代码会出现提示,如上图我配置的 ht,这个自行决定

body:这就是你接下来要配置模板的地方了,这个按格式来就行,注意用 \"

然后再看看被注释的代码里面还有几个特殊的字符 $1、$2、$0等,$1 就是你模板生成后第一个光标所在位置,$2 就是第二个光标所在位置,而 $0 则是最后一个光标所在位置。

至于 ${1:label} 中的 label 即是第一个光标处的占位符,${2:label} 同理。

个人理解,应该大概可能没什么问题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值