聊聊VSCode中如何配置markdown代码片段

VSCode中如何配置markdown代码片段

在写作程中,使用markdown语言能够很好的进行文档的排版和管理,然而在日常的写作过程中,我们经常使用到相同的一些代码片段。在VSCode中可以使用代码片段工具方便地完成这项工作。

什么是VSCode代码片段?

VSCode代码片段是指一种用户自定义的代码快捷键,可以有效地加快代码的编写速度。在使用代码片段时,我们可以定义自己的关键字,并且每次输入该关键字时,就会添加相应的代码,并带有相应的变量与标记。

配置VSCode代码片段

将以下步骤添加到settings.json(即文件>首选项>设置>打开设置(json))

1. 首先进入VsCode,打开命令面板(Control + Shift + P)。

2. 查找“Snippets:Configure User Snippets”,并选择“Markdown”。

3. 然后,将以下代码添加到settings.json中。

```json

"markdown_snippets": {

"example": {

"prefix": "example",

"body": [

"```javascript",

"${1:console.log('示例代码');}",

"```"

],

"description": "Insert an example console.log"

}

}

```

这个代码片段名为“example”,当框架输入“example”时,它会自动展开,并将一个JavaScript示例打印到控制台中。

如何使用VSCode代码片段

输入快捷键进入一个snippet的流程与其他文本快捷键类似:输入触发字符然后按下快捷键。Snippet在您输入完触发字符并按下Tab键时展开。例如,输入“exam”后,snippet语法提示会出现,并在Tab键后展开:

```javascript

console.log('示例代码');

```

可以在编辑后修改完全展开的片段,以适应特定文件或项目的要求。

代码片段细节

- Snippet要包含一个prefix,它是唯一标识Snippet并且在展开时要输入的触发字符。

- body是与snippet相关联的内容。

- description属性只是一项描述性文本,通常用于向用户展示snippet的内容。

总结

本文以VSCode为例,讲述了如何使用代码片段进行markdown文档编写的过程。VSCode代码片段提供了一种快速插入代码片段的方式,用户可以根据自己的实际需求进行自定义,并可以根据不同的文件类型进行快捷键的调整。文章的代码片段配置流程简单易懂,使用代码片段的方式能够优化我们的markdown文档编写流程,提高我们的编写效率。

免责声明:本文来自互联网,本站所有信息(包括但不限于文字、视频、音频、数据及图表),不保证该信息的准确性、真实性、完整性、有效性、及时性、原创性等,版权归属于原作者,如无意侵犯媒体或个人知识产权,请来电或致函告之,本站将在第一时间处理。猿码集站发布此文目的在于促进信息交流,此文观点与本站立场无关,不承担任何责任。