Emmet自动完成功能在JSX中不起作用

时间:2018-07-31 15:58:45

标签: reactjs visual-studio-code jsx

我是Visual Studio Code的新手,正在尝试让Emmet在JSX上工作。我读到我必须在设置中使用以下代码,但仍然无法正常工作。谁能帮我解决问题?

"emmet.includeLanguages": {
      "html": "html",
      "javascript": "javascriptreact",
      "xml": {
        "attr_quotes": "single"
      }
    },
    "emmet.triggerExpansionOnTab": true 
}

2 个答案:

答案 0 :(得分:0)

这对我有用:

"emmet.includeLanguages": {
  "html": "html",
  "javascript": "javascriptreact",
  "xml": {
    "attr_quotes": "single"
  }
},
"emmet.triggerExpansionOnTab": true

与您的代码唯一的不同是我删除了最后一个花括号,以便将其正确包含在settings.json对象中。如果您希望这些设置适用于所有文件和项目,请确保所做的更改已在USER SETTINGS中。

Here is the VSCode related documentation for Emmet configuration.

答案 1 :(得分:0)

我发现有时候Emmet会“忘记”在JS文件中寻找HTML,但是在JSX和CSS文件中它仍然有效。因此,我在js文件中还添加了几行以“提醒” Emmet查找HTML,并与它们关联,这是:

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact"
}

或者这个:

"emmet.triggerExpansionOnTab": true,
"files.associations": { "*.js": "javascriptreact" }

这是source