创建自定义HTML代码片段-CSDN博客

本文链接：https://blog.csdn.net/Zpan204/article/details/120893038

本文介绍了如何在前端开发中创建自定义的用户代码片，通过设置-用户代码片段，一步步教你新建全局代码片段文件，定义HTML代码块，并展示了如何使用和删除这些代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们每次反复的书写，非常的繁琐，自定义用户代码片点击设置——》用户代码片段

第一步：

第二步：

选择新建全局代码片段文件：

第三步：

输入新建代码片的名字：

第四步：

把默认生成代码全选删除，如下

第五步：

选中以下代码块复制粘贴到刚才删除的页面

{
   "html": {
       "prefix": "html",
       "body": [
           "<!DOCTYPE html>",
           "<html>\n",
           "<head>",
           "\t<meta charset=\"UTF-8\">",
           "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">",
           "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
           "\t<title>Document</title>",
           "\t<link rel=\"stylesheet\" href=\"$1\">",
           "\t<script src=\"$2\"></script>",
           "</head>\n",
           "<body>\n$3",
           "</body>\n",
           "</html>