VSCode用户代码片段怎么使用?

VSCode 是一款很常用的开发工具,该怎么使用用户代码片段功能呢?提高效率的设置也是一种技巧性工作,针对用户自定义代码段来实现快捷开发,下面我们就来看看详细的教程。

软件名称:
Visual Studio Code(代码编辑器) v1.37.0 64位 中文免费绿色版
软件大小:
57.9MB
更新时间:
2019-08-11

1、文件==>首选项==>用户代码片段

VSCode用户代码片段怎么使用?_第1张图片

2、选择代码片段文件 html.json

VSCode用户代码片段怎么使用?_第2张图片

3、输入要自定义的快捷键 和 模板代码段如下代码:

{

    "vh": {
        "prefix": "vh", // 触发的关键字 输入vh按下tab键
        "body": [
            "",
            "",
            "",
            "",
            "    ",
            "    ",
            "    ",
            "    Document",
            "    ",
            "",
            "",
            "",
            "   

",
            "    ",
            "",
            "",
            "",
        ],
        "description": "vh components"
    }
}

VSCode用户代码片段怎么使用?_第3张图片

4、进入 .html 后缀的文件中,按快捷键 vh 后按 tab 键,即可实现快速输入代码段

VSCode用户代码片段怎么使用?_第4张图片

VSCode用户代码片段怎么使用?_第5张图片

以上就是VSCode用户代码片段的使用方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

VSCode怎么安装插件运行HTML文件?

VSCode怎么创建vue制作一个跑马灯效果?

vscode编辑器代码小视图怎么在左边显示?

你可能感兴趣的:(VSCode用户代码片段怎么使用?)