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 小时前
【1024快乐】用HTML写一个本地版心愿墙页面
html·1024程序员节
思码梁田14 小时前
CSS 浏览器厂商前缀:从「写 5 遍」到现代自动化兼容
前端·css·css3·border-radius·1024程序员节·box-shadow·厂商前缀
Bug收容所14 小时前
Vue+JS Day3
前端·javascript·vue.js·前端框架·1024程序员节
iCxhust14 小时前
如何实时同步自己的工作日志,在不同的设备间
前端·软件工程·1024程序员节·同步日志
IT_陈寒15 小时前
React项目实战经验分享:如何避免useEffect闭包陷阱导致的陈旧状态问题?
前端·人工智能·后端
风骏时光牛马15 小时前
智能任务调度Agent
前端
ljt272496066115 小时前
Vue笔记(十六)--自定义Hook
前端·1024程序员节
日常筹谋记1 天前
工业厂房 TPO 防水卷材:技术需求如何传导到配方层面?
运维·网络·html
沙蒿同学1 天前
不引 Ghostscript:我用纯 Go 给 PDF 做了一场「压缩手术」
前端·后端·github