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>
相关推荐
多看书少吃饭13 分钟前
文件预览的正确做法:从第三方依赖到企业级自建方案(Vue + Java 实战)
java·前端·vue.js
Amumu1213814 分钟前
Vue核心(一)
前端·javascript·vue.js
敲敲了个代码15 分钟前
React 官方纪录片观后:核心原理解析与来龙去脉
前端·javascript·react.js·面试·架构·前端框架
运筹vivo@16 分钟前
攻防世界: lottery
前端·web安全·php
一直都在57216 分钟前
Spring3整合MyBatis实现增删改查操作
前端·vue.js·mybatis
小二·23 分钟前
Python Web 开发进阶实战:可持续计算 —— 在 Flask + Vue 中构建碳感知应用(Carbon-Aware Computing)
前端·python·flask
恒拓高科WorkPlus25 分钟前
如何通过即时通讯工具提升团队协作?
前端·安全
钟佩颖28 分钟前
Vue....
前端·javascript·vue.js
漂流瓶jz29 分钟前
Polyfill方式解决前端兼容性问题:core-js包结构与各种配置策略
前端·javascript·webpack·ecmascript·babel·polyfill·core-js
Y淑滢潇潇33 分钟前
WEB 模拟学校官网
前端·css