VScode 配置 md 模板

需求

需要使用 VScode 来编辑 md 文件,并且希望每次在创建 md 文档时,都能够自动补全 YAML 文件信息

配置 setting.json 文件

  1. Ctrl+Shift+P,搜索 setting,选择 首选项:打开用户设置 (json)
  2. 在这给文件中添加如下代码
1
2
3
"[markdown]":  {  
"editor.quickSuggestions": true
}

以下图片显示的是之前就对 setting.json 文件配置过,找到 markdown 的位置添加上述的那一行代码即可;如果之前没有配置过,只需要将上述的那一串代码全部复制到下图中最大的一对黄括号中即可
配置SettingJson.png

配置 md 模板

01-VScode配置用户代码片段.png

  1. Ctrl+Shift+P,搜索 snippets,选则 配置用户代码片段,再选择 markdown
  2. 将一下代码复制进去保存
  3. 新建 md 文档之后,输入 log 敲 tab 即可自动补全配置好的模板
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
// Place your snippets for markdown here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
// 联想时显示的文字内容
"create blog": {
"prefix": "log", // 输入log,即显示模板提示
"body": [
// body里是模板内容
"---",
"title: $1", // $1表示生成模板后,光标最先在此位置
"date: $2", // $2表示,在$1处输入完成后,按tab键,光标便跳转到这里,以此类推
"tags:",
" - $3",
"---",
"",
],
"description": "blog模板"
}
}

参考资料