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

  • Z时代
  • 2024-02-21
  • 分类：IT

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

回答：

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

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

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

回答：

差别好像不是很大
在vscode中书写tsx（vue3不是react语法）如何自定义emmet？

以上是 在vscode中书写tsx（vue3不是react语法）如何自定义emmet？ 的全部内容， 来源链接： utcz.com/p/933760.html

回到顶部