VS Code：如何将 HTML 文件的所有默认片段添加到反应 js 文件中？

Question

我学过html、js和css。 现在我想学习 React。 现在我非常习惯使用 HTML 文件的片段，例如div.className并按回车键它给了我<div class="className"></div> 。 使用 React 时，HTML 部分在 js 文件中返回。 如何将 HTML 文件的 VS 代码中的所有默认片段添加到反应 js 文件中？

Answer 1

您需要在VSCode中安装Emmet扩展。

然后你需要在你的settings.json的设置中添加这行代码，你将拥有 JSX 的所有emmet格式。

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

而且，如果尚未设置，您也将需要这两个设置。

  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,

Emmet将开始格式化您的 JSX，就像在正常 HTML 中一样

Answer 2

首先在vscode中安装emmet扩展，然后到首选项/设置。json ans put this

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

它会起作用的

Answer 3

如果找不到 Emmet 插件

根据官方页面无需添加扩展名。 检查版本 1.51

对 Emmet 片段和扩展的支持直接内置于 Visual Studio Code 中，无需扩展。 Emmet 2.0 支持大多数 Emmet 操作，包括扩展 Emmet 缩写和片段。

只需按cmd+P (macOS) 或ctrl+P (others) 并输入settings.json ，打开此文件并如上所述@Imran Rafiq 而是添加这一行"emmet.includeLanguages": { "javascript": "javascriptreact" },

就是这样！

Answer 4

截至 2022 年 7 月，这就是我所做的。

1. Go 到设置
2. 点击扩展
3. 点击埃米特
4. 在“包含语言”部分，使用Item = "javascript" 和Value = "javascriptreact" 添加项目
5. 点击确定