为什么我的 emmet 缩写不适用于 VSCode 上的 React？答案

【问题标题】：Why is are my emmet abbreviations not working with React on VSCode?为什么我的 emmet 缩写不适用于 VSCode 上的 React？
【发布时间】：2021-07-28 04:05:52
【问题描述】：

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

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

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

我将不胜感激。

【问题讨论】：

因为你的文件扩展名应该是.jsx
我尝试将文件更改为.jsx，但emmet仍然无法正常工作。

标签： javascript reactjs typescript emmet

【解决方案1】：

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

【讨论】：

【解决方案2】：

您的 emmet 可能有效，但像 rcc 这样的缩写来自 JS Snippets。我使用 sky ran 的 VS 代码扩展 JS JSX Snippets。

希望这会有所帮助。

【讨论】：

【解决方案3】：

"emmet.includeLanguages": { “javascript”：“javascriptreact” },

sn-p 为 JS/JSX 代码启用了 emmet，它应该可以正常工作。对于使用缩写的 react sn-ps，请尝试以下扩展名。我也是这样用的。

ES7 React/Redux/GraphQL/React-Native sn-ps

【讨论】：