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>
相关推荐
breeze jiang1 分钟前
CSS 三栏布局怎么写:Flex、Grid 完整方案与 BFC 区别
前端·css
郭邯6 分钟前
手写一个Cron表达式解析器:从需求分析到AI辅助实现
前端
阿黎梨梨6 分钟前
Docker 容器化实战:从零搭建 Web 服务与反向代理
前端·后端·docker
Liora_Yvonne7 分钟前
前端项目为什么需要一个配置单一真相源?
前端
禁止摆烂_才浅8 分钟前
Vite 面试题
前端·面试·vite
GISer_Jing8 分钟前
全栈AI实战:基于 TypeScript + LangChain + MCP 的企业级智能研发助手
前端·后端·ai·langchain·前端框架
禁止摆烂_才浅9 分钟前
微信小程序高频面试题
前端·面试·微信小程序
禁止摆烂_才浅10 分钟前
Vue2 高频面试题
前端·vue.js·面试
禁止摆烂_才浅12 分钟前
前端性能优化面试题
前端·面试·性能优化
ClouGence13 分钟前
文件上传也能录制回放了:CueCast UI 自动化测试更新
前端·测试