Javascript Emmet、可视代码、JSX和CSS不能一起工作

Javascript Emmet、可视代码、JSX和CSS不能一起工作,javascript,css,reactjs,visual-studio-code,emmet,Javascript,Css,Reactjs,Visual Studio Code,Emmet,因此,出于某种原因,Emmet只有一部分在我的ReactJS文件中工作。我目前正在将CSS添加到其中一些文件中,但似乎无法正常工作 当我输入m-10时,通常应转换为边距:10px,它实际上转换为: 有人有过类似的问题吗?可能我的一些设置是错误的,或者可能与我使用的是样式化组件及其backtics有关 如果有人知道解决方案,或者知道我做错了什么,请告诉我 我已经补充说: “emmet.includeLanguages”:{ “javascript”:“javascriptreact”, }, 而

因此,出于某种原因,Emmet只有一部分在我的ReactJS文件中工作。我目前正在将CSS添加到其中一些文件中,但似乎无法正常工作

当我输入m-10时,通常应转换为边距:10px,它实际上转换为:

有人有过类似的问题吗?可能我的一些设置是错误的,或者可能与我使用的是样式化组件及其backtics有关

如果有人知道解决方案,或者知道我做错了什么,请告诉我

我已经补充说: “emmet.includeLanguages”:{ “javascript”:“javascriptreact”, },

而且大多数其他缩写都可以正常工作,实际上只有CSS特定的快捷方式不起作用

更新: 所以我设法“某种程度上”让它工作起来,但仍然有一些bug。我在Emmet“Emmet.includeLanguages”设置中添加了“typescript”:“typescriptreact”。现在我实际上可以选择正确的代码段,但我必须手动激活Emmet(ctrl+space),这是第二个选项,而不是第一个。 除此之外,当我选择正确的代码段时,它会这样完成:
m-margin:-10px
所以这并没有真正的帮助