VS Code配置markdown代码片段

vs code真的是一款特别好用的编辑器

不过有时候在写东西时快捷键提示会有一些不足,在vs code中写markdown时还是比较明显的。

这里就需要自己在代码片段中进行配置了

在左上角打开文件 --> 首选项 --> 用户片段
在这里插入图片描述
找到markdown.json
在这里插入图片描述
在markdown.json上面有一大段注释的代码,这里有一个Example例子

  • “Print to console” 是快捷语句的标题
  • prefix 是快捷语句触发的命令,也就是关键字
  • body 是触发后的样子,使用 $1,$2 等指定光标位置。这些数字指定了光标跳转的顺序。特别地,$0表示最终光标位置
  • description 是该快捷语句的功能描述
    在这里插入图片描述

现在来编写一下自己的markdown快捷语句
我经常会在markdown中写``````代码片段,但是经常需要我自己把这些一个个打出来,所以非常的不方便

所以我自己写了一些比较常用的JavaScript、CSS、HTML片段

"Print to ```javascript": {
	"prefix": "```js",
	"body": [
		"```javascript",
		"$1",
		"$2",
		"```",
	],
	"description": "js代码片段"
},
"Print to ```css": {
	"prefix": "```css",
	"body": [
		"```css",
		"$1",
		"$2",
		"```",
	],
	"description": "css代码片段"
},
"Print to ```html": {
	"prefix": "```html",
	"body": [
		"```html",
		"$1",
		"$2",
		"```",
	],
	"description": "html代码片段"
},

好了,现在可以试试看

不行,失败了 在markdown当中输入```js没有成功出现相应的提示符

然后赶紧查找原因,明明javascript.json可以这样进行改变,然后就生效了

发现如果是markdown.json,需要在设置setting.json中添加编辑器快捷editor.quickSuggestions设置

"[markdown]":{
    "editor.quickSuggestions": true
}

打开vs code的设置,文件 --> 首选项 --> 设置 --> 打开设置(在设置的右上角)

在这里插入图片描述

在这里插入图片描述


添加完后进行保存,然后就可以使用刚刚添加的快捷键了
在这里插入图片描述

  • 29
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 28
    评论
评论 28
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空城机

有钱捧个钱场,没钱捧个人场

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值