VS代码:用户代码:输入键按下

时间:2018-03-25 07:47:01

标签: visual-studio-code code-snippets

我有这个自定义的PHP代码段

    "php": {
    "prefix": "php",
    "body": [
        "<?php $1 ?>"
    ],
    "description": "php tag"
}

我需要做的是,当我在第一个占位符 $ 1 Enter 时,它应该添加一个带有正确缩进的新行。

当我输入 php 并按Tab键时,它会执行此操作

<h1><?php | ?></h1>

其中 | 是光标位置。 我需要这个,因为有时我在html标签中使用这个标签,所以我希望所有代码都在单行中。

但是当我需要单独使用php标签时,就像这样

<?php | ?>

然后我按回车键,它应该这样做

<?php
    |
?>

3 个答案:

答案 0 :(得分:0)

"body": [
    "<?php",
    "\t$1",
    "?>"
]

答案 1 :(得分:0)

此正文"body": [ "<?php ${1} ?>" ]会在标签上显示<?php | ?>,如果您按下输入,它将如下所示

<?php 
| ?>

答案 2 :(得分:0)

这是我用于我的div的内容,看起来它可能对你有所帮助。它们已经扩展,而不是必须按Enter键来扩展标记。我不知道如何让它一起开始并且仅在你输入时扩展,但这可能对你有所帮助,所以我将它留在这里:

"wrapper div - expanded": {
    "prefix": "dd",
    "body": [
        "<div class='$1'>",
        "  $2",
        "</div>"
    ],
    "description": "creates an expanded div"
}

如果您想要更多控制权,可以轻松创建一个未展开的第二个片段,并为其添加一个不同的前缀(一个用于折叠的div,两个用于扩展的div)。

"wrapper div - collapsed": {
    "prefix": "d",
    "body": [
        "<div class='$1'>$2</div>"
    ],
    "description": "creates a collapsed div"
}