vscode怎么生成模板-VSCode-PHP中文网

首页

开发工具

VSCode

vscode怎么生成模板

藏色散人

Jan 11, 2020 am 11:23 AM

vscode

vscode怎么生成模板？vs code中设置html5 快速生成模板

相关文章教程推荐：vscode教程

按英文的！和h:5都可以快速生成html模板，但是找了半天都找不到如何修改模板设置。只好自己从snippets里重新编写了一个html5的模板，以免自己以后忘了。

首先打开 snippets

然后输入以下代码段：

{
    // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and 
    // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
    // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the 
    // same ids are connected.
    // Example:
    // "Print to console": {
    //     "prefix": "log",
    //     "body": [
    //         "console.log(&#39;$1&#39;);",
    //         "$2"
    //     ],
    //     "description": "Log output to console"
    // }
    "Html5-Vue": {
        "prefix": "vh",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"zh-CN\">\n",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "\t<title>Document</title>",
            "\t<script src=\"./lib/vue.min.js\"></script>",
            "</head>\n",
            "<body>",
            "\t<div id=\"app\">$1</div>\n",
            "\t<script>",
            "\t\tvar vm = new Vue({",
            "\t\t\tel: &#39;#app&#39;,",
            "\t\t\tdata: {},",
            "\t\t\tmethods: {}",
            "\t\t});",
            "\t</script>",
            "</body>\n",
            "</html>"
        ],
        "description": "快速创建在html5编写的vue模板"
    }
}

登录后复制

这里的 “prefix”: “vh”,指的是你自定义的快捷代码，这里我输入h就会出现快速生成代码提示，也可以自定义其他字段。

效果如下：

以上是vscode怎么生成模板的详细内容。更多信息请关注PHP中文网其他相关文章！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

热AI工具

热工具

热门话题

gmail邮箱登陆入口在哪里

7333

Java教程

1627

CakePHP 教程

1351

Laravel 教程

1262

PHP教程

1209

显示更多

Related knowledge

vscode怎么查看word文档 vscode查看word文档的方法 May 09, 2024 am 09:37 AM

首先，在电脑上打开vscode软件，点击左边的【Extension】(扩展)图标，如图中①所示然后，在扩展界面的搜索框中输入【officeviewer】，如图中②所示接着，从搜索结果中选择【officeviewer】安装，如图中③所示最后，打开文件，如docx,pdf等，如下图

vscode怎么绘制流程图_visual_studio code绘制流程图的方法 Apr 23, 2024 pm 02:13 PM

首先要打开电脑中的visualstudiocode，点击左侧四个方块按钮然后在搜索框中输入draw.io查询插件，点击安装安装好后，新建一个test.drawio文件接着选中test.drawio文件，进入编辑模式左侧有各种图形，随意选择，就可以绘制流程图了绘制好后，点击文件→嵌入→svg下面再选择嵌入复制svg代码将复制的svg代码粘贴到html代码中打开html网页，就可以看到绘制的流程图了点击网页上的图片，就可以跳转页面在该页面可以放大缩小流程图在这里，我们选择点击右下角的铅笔图案，跳转网

Vscode怎样编写Maude_Vscode编写Maude的方法 Apr 23, 2024 am 10:25 AM

首先在vscode插件管理器可以搜索到Maude插件。接着，新建扩展名为maude的文件，即可使用maude的代码段和语法高亮。终端->新建终端可以在当前文件夹打开vscode内置终端，来运行maude或者full-maude程序。在maude的官方教程中，还有http客户端的例子，可以如图方式调用运行。如果希望关联fm扩展名的文件，打开设置，在用户设置中，搜索fileassociations，打开settings.json。给文件关联添加一个条目，即*.fm到maude的条目即可。但是full

加州理工华人用AI颠覆数学证明！提速5倍震惊陶哲轩，80%数学步骤全自动化 Apr 23, 2024 pm 03:01 PM

LeanCopilot，让陶哲轩等众多数学家赞不绝口的这个形式化数学工具，又有超强进化了？就在刚刚，加州理工教授AnimaAnandkumar宣布，团队发布了LeanCopilot论文的扩展版本，并且更新了代码库。图片论文地址：https://arxiv.org/pdf/2404.12534.pdf最新实验表明，这个Copilot工具，可以自动化80%以上的数学证明步骤了！这个纪录，比以前的基线aesop还要好2.3倍。并且，和以前一样，它在MIT许可下是开源的。图片他是一位华人小哥宋沛洋，他是