Visual Studio代码用户代码段不起作用

Question

我在VS Code中启用了默认的"log"代码段.我还添加了另一个片段.我输入前缀时都不显示.我已经设定editor.tabCompletion为真.

知道为什么这些不起作用？

Answer 1

有几种方法可以解决这个问题.问题是Intellisense正在阻碍或默认将您的片段放在列表的底部.

首先我玩了建议延迟,但后来我决定让Intellisense将我的片段放在snippetSuggestions用户偏好的建议列表的顶部:

{
  "editor.tabCompletion": true,
  "editor.snippetSuggestions": "top"
}

Answer 2

有时显而易见的是首先被忽视.在启动VSCode并创建新文档(Ctrl + N)时,可能会出现片段不起作用的意外情况.检查VSCode编辑器的右下角,默认情况下会显示"纯文本"文件.使用片段将文件类型更改为您喜欢的语言.

这可能会克服一些不必要的麻烦;-)

Answer 3

为了与打字稿做出反应，我必须专门向范围添加“typescriptreact”。

 "scope": "javascript, typescript, typescriptreact"

Answer 4

我不得不：

1. 转到设置（Windows/Linux：文件 > 首选项 > 设置，macOS：代码 > 首选项 > 设置）并在搜索框中输入Quick ，然后单击在 settings.json 中编辑：

2. 添加

"editor.quickSuggestions": true

在具有相应文件类型的部分下（在我的例子中为markdown）：

更新您可能需要添加以下内容：

"editor.quickSuggestions": {
    "comments": "on",
    "strings": "on",
    "other": "on"
}

而不仅仅是"editor.quickSuggestions": true，因为自我写原始答案以来格式可能已经改变。亲自检查一下并告诉我。

Answer 5

如果您尝试插入PHP代码段,值得注意的是您必须手动包含

<?php

在片段开始工作之前.

Answer 6

我真正发现的是，当您拥有php intelliSense并希望打开和关闭php标签时，我也将扩展名也添加到了html文件类型中。

   {
      "Open php tag": {
         "scope": "php, html",
         "prefix": "php",
         "body": [
           "<?php",
             "  $1",
           "?>"
        ],
        "description": "Opens php tags"
      }
   }

这对我有用:)

Answer 7

1. 打开一个普通的 html 文件。
2. 查看使用插件的右下角（例如：Django HTML）并单击它
3. 将在 vscode 顶部打开一个窗口
4. 点击“为.'html'...配置文件关联”
5. 搜索“HTML”（在活动大写锁定中需要这个）

6. 选择第一个选项

   

Answer 8

在我的情况下它不起作用，因为我在代码段的名称中有一个空格

{
  ...,
  "snippet name": { // it should be snippet_name. Notice the _
    ...
  }
}

所以请确保：

1. 你{name}.code-snippets在.vscode文件夹下有一个文件
2. 您的代码段名称不包含 spaces
3. 您将您的语言包含在范围内。我必须同时添加typescript和typescriptreact。

Answer 9

选择范围时，扩展名很重要。我最近从使用 .js 扩展名的 react 切换到使用 .tsx 扩展名的 typescript。我的代码片段说“javascript，typescript”，所以我以为我被覆盖了，但 tsx 文件实际上被认为是“typescriptreact”。我更改为以下内容，它开始处理我的 tsx 文件：

{   
    "Styled Component React Arrow Function With Default Export": {
    "scope": "javascript, javascriptreact, typescript, typescriptreact",
    "prefix": "scraf",
    "body": [
        "import React from 'react'",
        "import styled from 'styled-components/macro'",
        "",
        "const Container = styled.div`",
        "  display: flex;",
        "`",
        "",
        "const ${TM_FILENAME_BASE} = () => {",
        "  return (",
        "    <Container>",
        "     $1",
        "    </Container>",
        "  )",
        "}",
        "export default ${TM_FILENAME_BASE}",
    ],
    "description": "Styled Component React Arrow Function With Default Export"
}

Answer 10

当我创建第一个片段时，我也遇到了这个问题。我添加了片段，但什么也没发生。

重新启动 VS Code，它们开始工作。