无法弄清楚用户片段

Question

我正在尝试在 VSCode 中创建另一个用户代码段来自动执行 document.querySelector 但每当我尝试这样做时都会出现如下所示的奇怪错误。我有另一个片段可以正常工作，但它是由我正在使用的在线 class 向我展示的。我对 json 没有任何经验，所以我可能只是语法错误，但它与我之前的代码片段完全相同。

VSCode screenshot

如果 link 不起作用，我将包含下面编写的代码。我得到的错误是在第一个花括号上，它说 "end of file expected .json"

感谢所有帮助:)

{                    // start of file and json object

// other snippets here

  
  "query selector": {
    "scope": "javascript",
    "prefix": "dq",
    "body": ["document.querySelector('[=10=]')"],
    "description": "Select element from document"
  },

// other snippets here

}                    // end of json object

Answer 1

使用方括号开始 json 文件，并以方括号 [ ].

结束

[
  {
  "query selector": {
  "scope": "javascript",
  "prefix": "dq",
  "body": 
  ["document.querySelector('[=10=]')"],
  "description": "Select element from document"
                 }
  }
]

Answer 2

您的 json 文件不正确。

您应该将以键“query selector”开头的对象放在上面的 json 对象中。

在第 14 行的花括号后添加一个逗号，并在其中添加您的代码段。从第 17 行和第 24 行中删除外部花括号。

Json 文件只是一个对象。

因此您的代码片段文件将如下所示：

{
  "Print to console": {
    "prefix": "log",
    "body": [
      "console.log('');",
      ""
    ],
    "description": "Log output to console"
  },
  "query selector": {
    "scope": "javascript",
    "prefix": "dq",
    "body": [
      "document.querySelector('[=10=]')"
    ],
    "description": "Select element from document"
  }
}

顺便说一下，我认为您不需要 "scope" 密钥。

无法弄清楚用户片段

Cant figure out user snippets

javascript

json

visual-studio-code

vscode-snippets