vscode 插件 Tailwind CSS IntelliSense 解决 class 提示问题

• 后端

问题描述：

如下写js字符串是没有class智能提示的：

const clsName = 'bg-[#123456] text-[#654321]'
return clsName}>

解决方案：

  1. 安装 clsx 依赖
pnpm i clsx
  1. 设置 vscode 的 settings.json
{
  "tailwindCSS.experimental.classRegex": [
    [
      "clsx\\(([^)]*)\\)",
      "(?:'|\"|`)([^']*)(?:'|\"|`)"
    ]
  ]
}

之后就有提示了

在这里插入图片描述

原理:

就是通过 Tailwind CSS IntelliSense 插件配置 “clsx\\(([^)]*)\\)” 正则匹配到了就显示提示

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/bbd419c84f.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐