美文网首页
Vscode配置代码块

Vscode配置代码块

作者: 梦未央_new | 来源:发表于2022-06-16 10:56 被阅读0次

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

  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

相关文章

网友评论

      本文标题:Vscode配置代码块

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