用户代码片段，自定义代码模板，实现vscode代码的快速书写

小曾哥呀

已于 2022-07-10 06:39:37 修改

阅读量626

点赞数 2

分类专栏： js 文章标签： VSCode 代码片段用户模板 HTML 编程效率

于 2022-07-09 11:27:13 首次发布

本文链接：https://blog.csdn.net/qq_57057576/article/details/125691143

版权

js 专栏收录该内容

62 篇文章 1 订阅

订阅专栏

在平常代码书写的过程中，我们常常会重复使用同一串代码，如果每次都重复书写，就会降低了程序开发的效率
用户代码片段，就是用户通过自定义的方式，来将一些经常使用的代码封装成模板，从而的能够快速书写出来
以vscode为例，
1.选择文件
在这里插入图片描述
2. 选择首选项

3. 选择配置用户代码片段

4. 搜索html.json，若不存在该文件，则选择，新建全局代码片段文件
说明：html.json代表该文件为json格式的文件，同时，该文件适用于html的文件类型。

书写以下代码，
注意：应以json文件格式进行书写，其中,\t代表tab，\n代表换行符
prefix代表名字，body代表prefix所对应的代码模板

{
    "hl": {
        "prefix": "hl",
        "body": [
            "<!DOCTYPE html>",
            "<html lang='en'>\n",
            "<head>",
            "\t<meta charset='UTF-8'>",
            "\t<meta http-equiv='X-UA-Compatible' content='IE=edge'>",
            "\t<meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "\t<title>Document</title>",
            "</head>",
            "<body>",
            "\t<script>",
            "\t\tconsole.log('成功了')",
            "\t</script>",
            "</body>",
            "</html>"
        ]
    }
}

实例：
创建一个html格式的文件，输入 hl
则，会显示，如下：

<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Document</title>
</head>
<body>
    <script>
        console.log('成功了')
    </script>
</body>
</html>

小曾哥呀

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
用户代码片段，自定义代码模板，实现vscode代码的快速书写

在平常代码书写的过程中，我们常常会重复使用同一串代码，如果每次都重复书写，就会降低了程序开发的效率用户代码片段，就是用户通过自定义的方式，来将一些经常使用的代码封装成模板，从而的能够快速书写出来以vscode为例，1.选择文件2. 选择首选项3. 选择配置用户代码片段4. 搜索html.json，若不存在该文件，则选择，新建全局代码片段文件说明：html.json代表该文件为json格式的文件，同时，该文件适用于html的文件类型。实例：创建一个html格式的文件，输入 hl则，会
复制链接

扫一扫