VS Code 自定义用户代码片

最新推荐文章于 2024-09-14 23:02:11 发布

刘阳春@

最新推荐文章于 2024-09-14 23:02:11 发布

阅读量91

点赞数

本文链接：https://blog.csdn.net/lkjkg/article/details/120918860

版权

代码片段 HTML模板移动端开发效率自定义

关键词由CSDN通过智能技术生成

我们每次反复的书写，非常的繁琐，自定义用户代码片

点击设置——》用户代码片段

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

输入新建代码片的名字：

把默认生成的示例代码删掉，复制进新的代码，如下：

复制新的代码，保存：

输入html 按回车键：

移动端代码

{
   "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>"