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>
相关推荐
2501_944521599 分钟前
Flutter for OpenHarmony 微动漫App实战:图片加载实现
android·开发语言·前端·javascript·flutter·php
雨中深巷的油纸伞23 分钟前
vue 项目部署到iis后 浏览器刷新404
前端·javascript·vue.js
谢尔登1 小时前
从源码视角来看Pinia!
前端·javascript·vue.js
运筹vivo@1 小时前
攻防世界: mfw
前端·web安全·php
沛沛老爹2 小时前
从Web到AI:行业专属Agent Skills生态系统技术演进实战
java·开发语言·前端·vue.js·人工智能·rag·企业转型
GGGG寄了2 小时前
HTML——列表标签
前端·html5
HWL56792 小时前
显示器缩放和更改分辨率的区别
前端·css·vue.js·计算机外设·html5
jzshmyt3 小时前
曼德勃罗集web可视化应用
前端
GGGG寄了3 小时前
HTML——表格的基本用法
前端·html