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>
相关推荐
计算机魔术师14 分钟前
两年翻45倍!英伟达靠买买买建成千亿投资帝国
前端
paopaokaka_luck17 分钟前
基于springboot3+vue3的精准扶贫管理系统(AI 问答、ECharts 图形化分析)
前端·人工智能·echarts
l1m0_34 分钟前
智能电动自行车管理后台实战:AI生成页面与React组件化技巧
前端·react.js·ui·ai·设计
面包狗AI4S41 分钟前
Codex/ChatGPT 反复 Reconnecting(正在重新连接) 5/5 的最简修复方法
人工智能·vscode·chatgpt
Patrick_Wilson1 小时前
为什么gitlab的MR会默认有一个merge commit
前端·git·gitlab
en.en..1 小时前
Linux mmap 内存映射深度解析:基于帧缓冲 /dev/fb0
java·服务器·前端
Z兽兽1 小时前
行内块元素在垂直方向上对齐问题
css·html·css3
后台模板学习2 小时前
从0到1用Vite构建电商订单系统前端性能优化方案
前端
Wang's Blog2 小时前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html
与自己和解7412 小时前
使用ssh实现 VScode 直连 ubuntu
vscode·ubuntu·ssh