vscode-markdown-代码片段及快捷键设置

代码片段及快捷键设置

主要为了插入表格和图片标签节约一点输入时间

代码片段设置

1. ctrl+shift+p 打开面板
2. 输入 configure user snippets
3. 选择markdown
4. copy如下设置放入{}中

 "tb4*4": {
  "prefix": "tb4*4",
  "body": [
   "| $1 | $2 | $3 | $4 |",
   "|:----:|:----:|:----:|:----:|",
   "|$5|$6|$7|$8|",
   "|$9|$10|$11|$12|"
  ],
  "description": "table tag"
 },
 "image": {
  "prefix": "image",
  "body": [
   "![image desc]($1)"
  ],
  "description": "image tag"
 },

如上完成了 tb4*4 和 image代码片段

1. ctrl+shift+p 打开面板
2. 输入 open user setting
3. copy如下设置放入{}中

"[markdown]":  {
 "editor.quickSuggestions": {
    "comments": "off",
    "strings": "on",
    "other": "on"
  }
 },

此配置为了开启输入提示功能，主要配置other 为 on

开启快捷键

1. ctrl+shift+p 打开面板
2. 输入 open keyboard shortcuts
3. copy如下设置放入[]中

    {
        "key": "ctrl+shift+i",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {
            "langId": "markdown",
            "name": "image" //要和代码片段名称对应
        }
    },

总结: 如上可完成输入tb，补全后插入4×4表格，实际是4×3表格，使用ctrl+shift+i 可插入图片标签。