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

Posted 2023-02-21

【中文标题】尝试在 vs 代码中将 emmet 与反应应用程序一起使用

【英文标题】：Trying to use emmet with a react app in vs code

【发布时间】：2018-11-17 21:39:09

【问题描述】：

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

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

【问题讨论】：

你使用 sublime-babel 吗？如果是，这会导致问题

您好，您能否标记@Damjan 的正确答案。这对其他人会有所帮助，也会让新手感到困惑。

【参考方案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。