为什么我的 emmet 缩写不能在 VSCode 上与 React 一起使用？

Question

Emmet 缩写与 HTML 一起使用，但是当我尝试在 Javascript 文件上执行类似 rcc 的操作时，React 缩写无法显示。我尝试修改我的用户设置，目前看起来像这样：

"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "javascript": "javascriptreact"
},
"files.associations": { 
    "*.js": "javascriptreact" 
}

这是我键入 rcc 时显示的图像：

如有任何帮助，我将不胜感激。

Answer 1

您的 emmet 可能有效，但像 rcc 这样的缩写来自 JS 片段。我使用天空运行.

的 VS 代码扩展 JS JSX 片段

希望对您有所帮助。

Answer 2

"emmet.includeLanguages": { "javascript": "javascript反应" },

以上代码段为 JS/JSX 代码启用了 emmet，它应该可以正常工作。对于使用缩写的反应片段，请尝试以下扩展。我用的也是一样的。

ES7 React/Redux/GraphQL/React-Native 片段

Answer 3

安装 React & Redux Snippets 扩展见下文：

为什么我的 emmet 缩写不能在 VSCode 上与 React 一起使用？

Why is are my emmet abbreviations not working with React on VSCode?

javascript

reactjs

typescript

emmet