用户代码段在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}语法的工作原理类似于so ${1:css}

举个例子：

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

Demo of snippet in action