美文网首页
vs code设置自定义代码块的方法

vs code设置自定义代码块的方法

作者: 前端Tree | 来源:发表于2020-01-16 14:51 被阅读0次

作为一个自由度这么高的编辑器,当然要利用好他的这一点,可以大大地提高编写效率。

  1. 首先打开“首选项”,选择“用户代码片段”。
image.png
  1. 然后再选择你需要将此代码块作用在哪种类型的文件。
image.png
  1. 然后需要配置一个json文件,下图是一个模版


    image.png

记得在外面包一层 “{}" ,然后每一个代码块就写一个类似该模版的对象,中间用 "," 隔开。

其中"prefix"为触发代码块的字符, "Print to console"为输入了触发字符之后的提示语。如下

"body"是代码块具体内容,"description"是高亮部分的描述。

"body"中的1是出现代码块之后光标所在的位置,还有输入使用2,3等等,只要编辑完第一个位置,按tab即跳到第二个位置,以此类推。同时也可以存在多个同样的几,即同时编辑这几个位置。

相关文章

网友评论

      本文标题:vs code设置自定义代码块的方法

      本文链接:https://www.haomeiwen.com/subject/zsvfzctx.html