Javascript VS代码：如何将所有默认的HTML文件片段添加到react js文件中？

我已经学会了html、js和css。现在我想学习如何反应。 现在我非常习惯于使用HTML文件的片段，比如

div.className

，按enter键可以得到

。 使用React时，HTML部分将以js文件的形式返回。

---

如何将HTML文件的VS代码中的所有默认代码片段添加到react js文件中？

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

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

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

如果还没有设置，您也需要这两个设置

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

---

而且

Emmet

将开始像在普通HTML中一样格式化JSX

您需要在

VSCode

中安装

Emmet

扩展

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

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

如果还没有设置，您也需要这两个设置

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

---

而且

Emmet

将开始格式化JSX，就像在普通HTML中一样在vscode中首次安装Emmet扩展 其次是preferences/setting.json 我把这个

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

---

它将在vscode中首次安装emmet扩展时起作用 其次是preferences/setting.json 我把这个

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

---

如果您找不到Emmet插件，它将起作用

根据需要无需添加扩展。在版本1.51上检查

对Emmet代码段和扩展的支持直接内置到VisualStudio代码中，无需扩展。EMMET2.0支持大多数Emmet操作，包括扩展Emmet缩写和代码段

只需按cmd+p（macOS）或ctrl+p（其他） 然后键入settings.json，打开此文件，如前所述@Imran-Rafiq添加这一行

“emmet.includeLanguages”：{“javascript”：“javascriptreact”}，

---

就这样

如果找不到Emmet插件

根据需要无需添加扩展。在版本1.51上检查

对Emmet代码段和扩展的支持直接内置到VisualStudio代码中，无需扩展。EMMET2.0支持大多数Emmet操作，包括扩展Emmet缩写和代码段

只需按cmd+p（macOS）或ctrl+p（其他） 然后键入settings.json，打开此文件，如前所述@Imran-Rafiq添加这一行

“emmet.includeLanguages”：{“javascript”：“javascriptreact”}，

---

就这样

您可能需要先从“JS上下文”转移到“XML上下文”——

div.className

是完全有效的javascript，不应该扩展到任何内容。尝试键入

div.className

或类似的内容that@mistertl希望我的回答对你有所帮助。如果它想让你接受并投票支持我的答案。。。这也将帮助其他开发人员。。。谢谢：）您可能需要先从“JS上下文”转移到“XML上下文”——

div.className

是完全有效的javascript，不应该扩展到任何内容。尝试键入

div.className

或类似的内容that@mistertl希望我的回答对你有所帮助。如果它想让你接受并投票支持我的答案。。。这也将帮助其他开发人员。。。谢谢：）