尝试在vs代码中将emmet与React应用一起使用

Alt*_*ian 4 emmet reactjs visual-studio-code

我正在使用Visual Studio Code并创建一个React App。我了解Emsc随附Vsc,但不适用于我的React App。我尝试将以下代码放入设置中。

"emmet.includeLanguages": {
"javascript": "javascriptreact",
"xml": {
  "attr_quotes": "single"
 }
 },
"emmet.triggerExpansionOnTab": true,
Run Code Online (Sandbox Code Playgroud)

Far*_*han 13

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

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

在电脑上: Ctrl + ,

在 Mac 上: Command + ,


确定workspace被选中

在此处输入图片说明

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

在此处输入图片说明

粘贴以下代码并保存文件。重新加载VS CODE,它将起作用!:

{
  "emmet.includeLanguages": {

    "javascript": "javascriptreact"
  }
}
Run Code Online (Sandbox Code Playgroud)

  • 这绝对是我一直在寻找的,谢谢。 (3认同)

muf*_*_mw 7

在电脑上:Ctrl + ,

在苹果机上:Command + ,

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

在此输入图像描述


Dam*_*ica 6

将此添加到设置JSON:

"emmet.includeLanguages": {
  "javascript": "javascriptreact"
}
Run Code Online (Sandbox Code Playgroud)

  • 我还必须添加 `"emmet.showSuggestionsAsSnippets": true` 或者我发现使用 + 字符添加 emmet 兄弟姐妹无法正常工作。 (2认同)

Mha*_*ouy 5

安装扩展 Emmet

转到setting.json,然后添加以下内容:

"emmet.includeLanguages": {
"javascript": "javascriptreact",
}
Run Code Online (Sandbox Code Playgroud)