在vscode中书写tsx(vue3不是react语法)如何自定义emmet?

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

阅读 2.6k
2 个回答

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

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

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

差别好像不是很大
image.png

推荐问题
logo
Microsoft
子站问答
访问
宣传栏