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>
相关推荐
宿6743 小时前
vue3-包管理器
前端·vue.js
@PHARAOH3 小时前
WHAT - Remix 入门和基本实践:理解两套产物
前端·remix
蓝白云3 小时前
告别繁琐配置!TreeATE Copilot 插件 VS Code 完整使用教程
vscode·copilot
mayaairi3 小时前
Vue2 生命周期完全指南:从创建到销毁的8个钩子函数
前端·javascript·vue.js
xy34534 小时前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
IMPYLH4 小时前
HTML 的 <pre> 元素
前端·javascript·html
tsumikistep5 小时前
【前端】Vue + Axios 跨域问题实战:7070 代理转发 8080 + 401 报错分析(黑马外卖)
前端·javascript·vue.js
lichenyang4536 小时前
鸿蒙首页从等高商品 Grid 到双列瀑布流:同一张图也能做出小红书式浏览节奏
前端
里欧跑得慢6 小时前
Flutter主题与样式详解
前端·css·flutter·web
toooooop86 小时前
智慧文旅数字人体验平台demo html
css·css3