美文网首页
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