> 文章列表 > vscode-markdown-代码片段及快捷键设置

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

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 可插入图片标签。