我像这样使用 CSS:
const styles = {
foo: {
color: 'red'
}
}
<div className={styles.foo} />
我想让 emmet 扩展
.foo
至
<div className={styles.foo}></div>
我没有看到任何对
class
的引用或
className
在
emmet's config file .
还看了
preferences.json
并没有找到解决方案。
做起来似乎很简单。
我在这里缺少什么?
我的代码编辑器是 vscode。
请您参考如下方法:
Emment 配置或启用是特定于编辑器的。在 VSCode 中,您需要为当前工作空间启用它。按照这些步骤操作。 (如果您很忙,请关注 粗体 字母。)
Ctrl + ,
或 Cmd + ,
或 文件 > 首选项 > 设置 .这将打开设置窗口。 Edit in settings.json
在首选项下。 {
"folders": [],
"settings": {}
}
{
"folders": [],
"settings": {
"emmet.includeLanguages": {
"javascript": "javascriptreact"
}
}
}
Ctrl + S
..jsx
文件,类型 .myClass
.按选项卡。它应该扩展到以下。<div className="myClass"></div>
编辑:获取 {myClass} 而不是“myClass”
Currently it's a pending [feature request][3]. But you can go to `VSCodeInstallationDir/resources/app/extensions/emmet` and apply the patch. (using `npm i`)