关于VSCode快捷生成用户自定义代码块配置信息的操作

一.引言

  在使用VSCode书写代码的时候,我们有时会经常输入一些重复的代码,VSCode提供的用户自定义代码块解决了这一问题,通过输入预先设定的触发关键字,即可快速插入完整的代码,但是定义代码块的方式略显繁琐,以下是用户快速定义代码块的方案

二.方案

  可以通过访问 snippet generator   这一网站快速生成用户自定义代码块

其中各个框中的内容应填入以下的信息:

Description:输入内容描述你的用户自定义代码块的作用

Tab trigger:输入您想要的生成自定义代码块的关键字

Your snippet:输入你想要快捷生成的代码

完成以上三部分的输入后 就可以点击右下角的Copy snippet 按钮复制用户自定义代码块的描述信息了。

接着,我们打开VSCode 点击最左下角的设置(即齿轮图标) 接着点击Snippets选项        

 

 此时,VSCode会自动弹出顶部的输入框(在此处您可以选择你想要的编程语言的自定义代码块)

选择完毕后(我以JS为例)就会跳转到用户自定义代码块的配置文件内,将你先前在snippet generator

复制好的用户自定义代码块的配置信息复制进去即可

三.总结

到这里,一切工作就完毕了,由于我是以JS为例子的,所以我的自定义代码块的生成效果如下图:

输入先前在网站中设置的关键字(即Tab triggle框中输入的内容)即可一键生成模板代码

本次分享到此结束,由于我是第一次发布文章,不足之处还请海涵