Vscode配置代码块

日常开发过程中，有一些重复的代码，重新手动写入会添加工作量，减少开发效率，所以配置代码块就非常有必要

1. 点击设置按钮，选择 " 配置用户代码片段 "

   
   20220616102840.png

2. 在输入框根据需求输入代码类型，比如这里我生成的代码块类型是“HTML”,就在搜索框，输入HTML,点击搜索出来的HTML选项

   
   微信图片_20220616103813.png

3.然后就会生成一个.json文件，可以根据自己需求输入不同的代码块

微信图片_20220616104349.png

4.代码例子的介绍

"test":{             // 'test' 代码块名称
        "prefix": "test", //触发的关键字,输入test按下tab键
        "body": [            // 'body'生成的代码块内容
            "<script src='//cdn.jsdelivr.net/npm/eruda'></script>",     //注意：最外层必须使用双引号，src属性的要使用单引号
            "<script>eruda.init();</script>"
        ],
        "description": "Log output to console"      // 代码块说明
    }

5.使用方法，打开一个html文件，输入test,点击一下回车，就可以生成代码

微信图片_20220616105421.jpg

6.生成的结果

微信图片_20220616105429.png