用户代码段在VScode中不起作用

Question

嗨，大家好，我正在使用VScode并尝试使一些用户代码片段正常工作。 我尝试将它们添加到javascriptreact.json文件和javascript.json文件中，甚至添加到html.json文件中，但均未成功。

我知道VSCode使用Emmet，并且对于用户片段是否适用于emmet而不是intellisense感到困惑，如果可以，我是否将其放入错误的文件中？

提前加油以寻求帮助！

我正在尝试覆盖默认的div。 跨度。 IMG。 等等，添加以下代码段：

 "Expand ReactQL Div": { "prefix: "div.", "body": [ "<div className={css.:1}>:2</div>;" ], "description": "expand div" }, "Expand ReactQL img": { "prefix: "img.", "body": [ "<img src={:1} alt=":2" className={css.:3} />;" ], "description": "expand img" }, "Expand ReactQL span": { "prefix: "span.", "body": [ "<span className={css.1:}>:2</span>;" ], "description": "expand span" } 

Answer 1

我以为您已经解决了这个问题，但是对于其他任何人，

您的摘要中存在一些问题：

在您的prefix定义中缺少" ， :也在引号中。

{css.:1}语法的{css.:1}类似于${1:css}

一个例子：

"Expand ReactQL Div": {
    "prefix": "div.",
    "body": [
        "<div className=${1:css}>${2}</div>"
    ],
    "description": "expand div"
},

片段演示