代码之家 › 专栏 › 技术社区 › Jeremy

Visual Studio代码中的缩进片段

vscode-snippets visual-studio-code

9

Jeremy · 技术社区 · 7 年前

我试图在Visual Studio代码中创建一个片段。这是可行的,但缺少缩进:

"HTML structure": {
    "prefix": "html",
    "body": [
        "<!DOCTYPE html>",
        "<html lang='fr'>",
        "<head>",
            "<meta charset='UTF-8'>",
            "<meta name='viewport' content='width=device-width, initial-scale=1.0'>",
            "<meta http-equiv='X-UA-Compatible' content='ie=edge'>",
            "<title>$1</title>",
        "</head>",
        "<body>",
            "$2",
        "</body>",
        "</html>"
    ],
    "description": "Base template for html file"
}

您看到的内容:

<!DOCTYPE html>
<html lang='fr'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv='X-UA-Compatible' content='ie=edge'>
<title>test</title>
</head>
<body>
test
</body>
</html>

<!DOCTYPE html>
<html lang='fr'>
<head>
  <meta charset='UTF-8'>
  <meta name='viewport' content='width=device-width, initial-scale=1.0'>
  <meta http-equiv='X-UA-Compatible' content='ie=edge'>
  <title></title>
</head>
<body>
</body>
</html>

2 回复 | 直到 6 年前

1

20

IdontCareAboutReputationPoints 5 年前

我认为更合适的方法是使用 \t 而不是空间,以保持文件缩进甚至。

"\t<meta charset='UTF-8'>",

2

10

Gama11 zzapper 6 年前

缩进需要在字符串的内部,而不是外部(没有意义),因此:

"  <meta charset='UTF-8'>",

  "<meta charset='UTF-8'>",

这符合预期:

"HTML structure": {
    "prefix": "html",
    "body": [
        "<!DOCTYPE html>",
        "<html lang='fr'>",
        "<head>",
        "  <meta charset='UTF-8'>",
        "  <meta name='viewport' content='width=device-width, initial-scale=1.0'>",
        "  <meta http-equiv='X-UA-Compatible' content='ie=edge'>",
        "  <title>$1</title>",
        "</head>",
        "<body>",
        "  $2",
        "</body>",
        "</html>"
    ],
    "description": "Base template for html file"
}