用户片段在 VScode 中不起作用答案

【问题标题】：User snippets not working in VScode用户片段在 VScode 中不起作用
【发布时间】：2018-03-31 06:28:57
【问题描述】：

大家好，我正在使用 VScode 并试图让一些用户 sn-ps 工作。我尝试将它们添加到 javascriptreact.json 文件和 javascript.json 文件...甚至 html.json 文件中，但没有成功。

我知道 VSCode 使用 Emmet，并且对于用户 sn-ps 是否使用 emmet 而不是智能感知感到困惑，如果是，我是否将其放入错误的文件中？

提前为任何帮助干杯！

我正在尝试覆盖默认 div。跨度。图片等等，通过添加以下 sn-ps：

"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"
}

【问题讨论】：

没有人对此有答案吗？我想这对于以前做过自定义代码 sn-ps 的人来说是一个微不足道的问题......

标签： visual-studio-code code-snippets emmet

【解决方案1】：

我想你已经解决了这个问题，但对于其他人来说，

您的 sn-ps 存在一些问题：

prefix 定义中缺少 "，: 也用引号括起来。

{css.:1} 语法就像${1:css} 一样工作

一个例子：

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

Demo of snippet in action

【讨论】：