VS Code emmet 类名自动完成 Nextjs

Question

有没有办法改变 emmet 自动完成功能
从

className=""

到

className={styles.}

如果是，如何，如果否，有没有办法创建一个有效的自定义自动完成功能。
我尝试了几次但没有成功，如果你能帮助我，那将是一个巨大的帮助。

Answer 1

此功能将很快作为属性覆盖功能的一部分提供：https://github.com/emmetio/py-emmet/blob/master/CHANGELOG.md#attributes-override

目前，它可以在 Sublime Text 编辑器中使用

Answer 2

您可以在 VSC 中手动创建片段，转到首选项：配置用户片段，选择要应用的位置（全局或仅用于您的项目）

并在您放入的新文件中

{
  "ClassName to className": {
    "prefix": "className={}",
    "body": [
      "className={styles.${1:}}"
    ],
    "description": "suggest className={styles.} for className="
  }
}