visual-studio-code - 在 VSCode 中为 JSX 配置 Emmet

Question

我使用这样的 CSS：

const styles = {
  foo: {
    color: 'red'
  }
}

<div className={styles.foo} />

我希望 emmet 扩展.foo到<div className={styles.foo}></div>

我没有看到任何对classemmetclassName配置文件的引用。

也preferences.json查了也没找到解决办法。

做起来似乎很简单。

我在这里想念什么？

我的代码编辑器是 vscode。

标签： visual-studio-codejsxemmet

Answer 1

按Ctrl +或Cmd + ,或File > Preferences > Settings。这将打开设置窗口。转到工作区选项卡 > 扩展 > Emmet。

对于当前的 vs code 新版本，你会看到一个名为 Included Languages 的菜单。与此类似：

在项目框中输入javascript并在值字段中键入javascriptreact后，最后按Add item。您的最终输出必须如下图所示：