vscode怎么自定义html模版

2021-04-10 03:33

阅读：629

YPE html>

标签：vue 用户点击 html width name 转义字符 data ref

目标：新建html快捷键

解说：当我们想在VSCode中新建html代码时，可以输入vh 然后回车或者Tab即可自动生成一个html文件模板

步骤：

1.点击设置-----用户代码片段----搜索html，出现html.json文件，点击即可；

{
    "h5 template": {
        "prefix": "vh",
        "body": [
            "",
            "",
            "",
            "\t",
            "\t",
            "\t",
            "\tDocument",
            "\t",     
            "\n",
            "",
            "\t 
\n",
            "\t",
            "\n",
            ""
        ],
        "description": "HT-H5"   //模板的描述
    }
}

3.转移字符串解释

\t \" \n都是转义字符，而空格就是单纯的空格，输入时可以输入空格
\t 的意思是横向跳到下一制表符位置等于 Tab键
\" 的意思是双引号
\n 的意思是回车换行

4.在新建html文件夹中输入vh-----tab/enter 即可设置成功

vscode怎么自定义html模版

标签：vue 用户点击 html width name 转义字符 data ref

原文地址：https://www.cnblogs.com/linm/p/12434621.html

上一篇：CSS有关

下一篇：php增删改查

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：vscode怎么自定义html模版
文章链接：http://soscw.com/index.php/essay/73614.html

亲，登录后才可以留言！

vscode怎么自定义html模版

评论

热门文章

推荐文章

最新文章

置顶文章