logo标签列表

在VS Code中尝试在React应用程序中使用Emmet。

reactjsvisual-studio-codeemmet
28

我正在使用Visual Studio Code创建一个React App。我知道Vsc附带了Emmet，但它与我的React App不兼容。我尝试将以下代码放入设置中，但仍无法正常工作。

"emmet.includeLanguages": {
"javascript": "javascriptreact",
"xml": {
  "attr_quotes": "single"
 }
 },
"emmet.triggerExpansionOnTab": true,
1
你使用 Sublime-Babel 吗？如果是，这会导致一个问题。 - EQuimper
你好，能不能标记一下@Damjan的回答为正确答案。这对其他人来说很有帮助，同时也避免了新手被搞混。 - Buddybear
7个回答
73

将以下内容添加到设置JSON中：

"emmet.includeLanguages": {
  "javascript": "javascriptreact"
}
2
我还不得不添加 "emmet.showSuggestionsAsSnippets": true，否则使用加号字符添加 Emmet 兄弟元素时会出现问题。 - Darren Evans
38

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

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

在 PC 上：Ctrl + ,

在 Mac 上：Command + ,

确保选择了 workspace

enter image description here

搜索 Emmet，向下滚动到 Emmet 包含语言 并打开 settings.JSON 文件

enter image description here

粘贴以下代码并保存文件。重新加载 VS CODE，它将起作用！：

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

2022年更新

像这样添加项目及其值：

在此输入图片描述 在此输入图片描述

3
这绝对是我一直在寻找的，谢谢。 - SalmanShariati
7

在PC上：Ctrl + ,

在Mac上：Command + ,

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

enter image description here

5

安装 Emmet 扩展

进入 setting.json，然后添加以下内容：

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

进入你的 settings.json 文件，在 "configuration" 对象内粘贴以下内容：

"emmet.includeLanguages": {
"javascript": "javascriptreact",
}
3
{
  "emmet.excludeLanguages": ["markdown"],

  "emmet.includeLanguages": {

    "javascript": "javascriptreact"

  }
}

将以下内容添加到您的JSON中。
0

前往设置或按下Ctrl + ,，然后选择setting.json，接着添加以下内容：

"emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact"
},
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接