在vscode中书写tsx（vue3不是react语法）如何自定义emmet？

Question

接手了一个项目，项目是tsx后缀，文件采用的是vue的jsx语法，vue的语法类名和react不一样，在react中是className，在vue中却是class，写起来太痛苦了。div. 直接变成<div className=""></div> 还需要手动改成class,有大佬知道怎么搞吗？捣鼓了半天vscode里面的emment均是失败告终

Answer 1

1、在 VS Code 中打开设置（快捷键是 Ctrl + , 或者 Cmd + ,）。
2、在搜索框中输入 emmet.includeLanguages，然后点击编辑器配置。
3、在 emmet.includeLanguages 配置项中添加以下代码：

"emmet.includeLanguages": {
  "vue-html": "html",
  "vue": "html"
}

这种设置方式会影响到 .vue 文件中的所有代码，包括普通的 HTML 代码和 Vue 组件中的模板代码。

Answer 2

差别好像不是很大