怎么样在VSCode里面将自定义代码片段设为快捷键（这么良心的/菜鸟的教程来喽）

最新推荐文章于 2024-08-08 22:29:34 发布

一个刘

最新推荐文章于 2024-08-08 22:29:34 发布

阅读量425

点赞数 1

LiugangHui

本文链接：https://blog.csdn.net/weixin_51992868/article/details/116989912

版权

在通常写代码时，有许多要引入的东西，每次都通过src路径输入过于繁琐，启发于刚入门级的（！）快捷键写法，为什么不自定义一个快捷键来实现这个功能

如图，这是刚开始学习jQurey时需要引入的东西，因为每次书写都过于繁琐，因此我要将下面片段设置为快捷键

 //从这里开始
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script src="jQuery.mini.js"></script>
    <script>
        //请编写代码
    </script>
</body>

</html>
// 结束

步骤1：将要设置快捷键的内容放到一个文件（.html后缀）中

在这里插入图片描述

步骤2：打开（文件）——>（首选项）——>（用户片段）

在这里插入图片描述

步骤3：点击html.json(HTML)

在这里插入图片描述

步骤4：输入快捷键内容文件名（刚刚的快捷键代码.html）

在这里插入图片描述

步骤4：会出来以下界面（可以都删除以下内容。然后把文件里的每一个代码放到“”内）

在这里插入图片描述

步骤3：按照格式输入以下内容

在这里插入图片描述
js版：可复制

{
    "jq": { // jq : 表示你设置的快捷键
        "prefix": "jq", //前缀 ： 自定义的快捷键（与上一致）
        "body": [ // 快捷键所表示的内容
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "", //表示空格
            "<head>",
            "   <meta charset=\"UTF-8\">", //Tap缩进一格  为了代码美观
            "   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "   <title>Document</title>",
            "</head>",
            "<body>",
            "   <script src=\"jQuery.mini.js\"></script>",
            "   <script>",
            "       //请编写代码",
            "   </script>",
            "</body>",
            "",
            "</html>",
            "}",
        ],
        "description": "jq components" // 描述 类型 ： 快捷键    组件 
    }
}
//注意 标签里面带引号的("")   引号前都得加一个（\）  具体看我上面加的

此方法有点死板和过于繁琐，但适合刚入门的菜鸟实践和理解
本文来自：刘港辉的博客

一个刘

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
怎么样在VSCode里面将自定义代码片段设为快捷键（这么良心的/菜鸟的教程来喽）

在通常写代码时，有许多要引入的东西，每次都通过src路径输入过于繁琐，启发于刚入门级的（！）快捷键写法，为什么不自定义一个快捷键来实现这个功能如图，这是刚开始学习jQurey时需要引入的东西，因为每次书写都过于繁琐，因此我要将下面片段设置为快捷键 //从这里开始<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c
复制链接

扫一扫