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>
相关推荐
梦幻通灵2 分钟前
Edge浏览器好用插件【持续更新】
前端·edge
sTone873756 分钟前
Chrome devtools二次开发准备:获取源码和编译
前端·google
龙泉寺天下行走10 分钟前
[Powershell入门教程]第4天:模块、脚本编写、错误处理与 .NET 集成
java·服务器·前端
晴天丨16 分钟前
Vite:下一代前端构建工具深度解析与实践指南
前端
多来哈米20 分钟前
Jenkins配置vue前端项目(最简单的操作)
运维·前端·jenkins
一只叁木Meow20 分钟前
Vue scoped CSS 与 Element Plus Drawer 样式失效问题深度解析
前端
用户924262570073121 分钟前
Vue 学习笔记:组件通信(Props / 自定义事件)与插槽(Slot)全解析
前端
UIUV22 分钟前
Ajax 数据请求学习笔记
前端·javascript·代码规范
FogLetter23 分钟前
手写useInterval:告别闭包陷阱,玩转React定时器!
前端·react.js
神秘的猪头24 分钟前
Vibe Coding 实战教学:用 Trae 协作开发 Chrome 扩展 “Hulk”
前端·人工智能