masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > alat pembangunan > VSCode > vscode怎么生成模板

vscode怎么生成模板

藏色散人
Lepaskan： 2020-01-11 11:23:43
asal
3582 orang telah melayarinya

vscode怎么生成模板

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

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

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

首先打开 snippets

b5d6ef99008a52991b39e97398e653b.png

然后输入以下代码段：

{
    // 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('$1');",
    //         "$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模板"
    }
}
Salin selepas log masuk

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

53d8ac3cf191fc0d6713f8e9939f4a5.png

效果如下：

6cd725095329e1b4fda37a28233706c.png

Atas ialah kandungan terperinci vscode怎么生成模板. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
vscode
sumber：php.cn
Artikel sebelumnya：vscode终端如何打开 Artikel seterusnya：vscode这个软件有什么用
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...
daripada 2024-04-06 21:58:04
0
1
800
Pemeriksa Sudoku tidak berfungsi? Bolehkah sesiapa membantu saya mengenal pasti ralat? Saya mencuba segala-galanya pada editor dalam talian tetapi masih mendapat ralat. Tetapi a...
daripada 2024-04-06 21:21:07
0
1
474
Halaman saya mempunyai tajuk dalam HTML, tetapi ia tidak kelihatan Jadi saya baru mula mengekod jadi jangan menilai saya. Saya cuba membuat laman web saya me...
daripada 2024-04-01 18:24:53
0
1
364
Bagaimana untuk menyesuaikan atribut id VSCode? Saya baru-baru ini berpindah dari Atom ke VSCode, dan walaupun saya telah berjaya menyesua...
daripada 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: tidak dijumpai Saya menggunakan WSL2, Ubuntu20.04 dan menjalankan VSCode. Saya menggunakan sambungan Code...
daripada 2024-03-31 09:10:37
0
1
333
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan