VSCode 用户代码片段不生效是怎么回事？

迷人的福萍提问于 2026-03-19 21:49:20 阅读 3

工具

我写了个 React 的用户代码片段，但输缩写完全没反应，试了重启 VSCode 也没用。

我的 snippets 文件里是这么配的：

{
  "React Functional Component": {
    "prefix": "rfc",
    "body": [
      "import React from 'react';",
      "",
      "const ${1:ComponentName} = () => {",
      "  return (",
      "    <div>$2</div>",
      "  );",
      "};",
      "",
      "export default ${1:ComponentName};"
    ],
    "description": "Create a React functional component"
  }
}

然后在 .js 文件里敲 rfc 按 Tab 或 Enter 都没展开，是我哪里配置错了？

VSCode 开发工具效率工具

我来解答赞 2 收藏

反馈

1 条解答

UE丶巧云 Lv1

问题很可能不是你 JSON 格式错了，而是片段放错地方了。

你大概是放在全局代码片段里了？全局片段需要指定 scope 才能在特定文件类型里生效。

解决办法：打开「文件 -> 首选项 -> 用户代码片段 -> JavaScript」，把配置贴进去，保存。然后在 .js 文件里就能用了。

如果非要放全局，就在文件开头加上 scope：

{

  "React Functional Component": { "prefix": "rfc",

    "scope": "javascript,javascriptreact",

    "body": [

      "import React from 'react';",

      "",

      "const ${1:ComponentName} = () => {",

      "  return (",

      "    $2
",

      "  );",

      "};",

      "",

      "export default ${1:ComponentName};"

    ],

    "description": "Create a React functional component"

  }

}

2026-03-19 22:02