尝试在 vs 代码中将 emmet 与反应应用程序一起使用答案

【问题标题】：Trying to use emmet with a react app in vs code尝试在 vs 代码中将 emmet 与反应应用程序一起使用
【发布时间】：2018-11-17 21:39:09
【问题描述】：

我正在使用 Visual Studio Code 并创建一个 React 应用程序。我知道 Vsc 是 Emmet 附带的，但它不适用于我的 React 应用程序。我已尝试将以下代码放入设置中。

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

【问题讨论】：

【解决方案1】：

将此添加到设置 JSON：

"emmet.includeLanguages": {
  "javascript": "javascriptreact"
}

【讨论】：

我还必须添加 "emmet.showSuggestionsAsSnippets": true，否则我发现使用 + 字符添加 emmet 兄弟姐妹无法正常工作。

【解决方案2】：

如果标记的答案不起作用！

在 VS Code 中使用命令打开设置：

PC 上：Ctrl + ,

在 Mac 上：Command + ,

确保选择workspace

搜索 Emmet，向下滚动到 Emmet Include Language 并打开 settings.JSON 文件

粘贴以下代码并保存文件。重新加载VS CODE 就可以了！：

{
  "emmet.includeLanguages": {

    "javascript": "javascriptreact"
  }
}

【讨论】：

【解决方案3】：

安装扩展 Emmet

转到 setting.json 然后添加：

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

【讨论】：

【解决方案4】：

进入您的settings.json 文件并在“配置”对象中粘贴以下内容：

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

【讨论】：

【解决方案5】：

PC 上：Ctrl + ,

在 Mac 上：Command + ,

确保您已添加项目和值，如下面的屏幕截图所示 -

【讨论】：

【解决方案6】：

{
  "emmet.excludeLanguages": ["markdown"],

  "emmet.includeLanguages": {

    "javascript": "javascriptreact"

  }
}

将此添加到您的 JSON。

【讨论】：