tailwindcss在使用cdn引入静态html的时候,vscode默认不会提示问题

1.首先确保vscode下载tailwind插件:Tailwind CSS IntelliSense

2.需要在根目录文件夹创建一个tailwind.config.js文件

javascript 复制代码
export default {
  theme: {
    extend: {
      // 可根据需要自行配置,空配置项可以正常使用
    },
  },
}

3.在html文件的标签中引入配置文件,即可正常使用了

javascript 复制代码
<script src="https://cdn.tailwindcss.com"></script>
<script type="module">
  import tc from "./tailwind.config.js"
  tailwind.config = tc
</script>
相关推荐
2401_8370885032 分钟前
CSS opacity
前端·css
Lysun00134 分钟前
(pnpm)引入 其他依赖失败,例如‘@element-plus/icons-vue‘失败
前端·javascript·npm·pnpm
花花鱼1 小时前
spring boot lunar 农历的三方库引用,获取日期的农历值
java·前端·spring boot
fly spider1 小时前
1.短信登录
前端·firefox
kaiyuanheshang1 小时前
关于VScode的调试
ide·vscode·编辑器·debug·调试
前端小巷子2 小时前
CSS渲染性能优化
前端·css·面试·性能优化
苦学编程的谢2 小时前
计算机是如何工作的
服务器·前端·javascript
蓉妹妹3 小时前
React+Taro选择日期组件封装
前端·react.js·前端框架
风口上的吱吱鼠3 小时前
记录 ubuntu 安装中文语言出现 software database is broken
linux·服务器·前端
whltaoin3 小时前
前端弹性布局:用Flexbox构建现代网页的魔法指南
前端·弹性布局