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>
相关推荐
freeWayWalker4 小时前
【前端工程化】前端代码规范与静态检查
前端·代码规范
C2X4 小时前
关于Git Graph展示图的理解
前端·git
昊茜Claire4 小时前
鸿蒙开发之:性能优化与调试技巧
前端
雲墨款哥4 小时前
从一行好奇的代码说起:Vue怎么没有React的<StrictMode/>
前端
小肥宅仙女4 小时前
告别繁琐!React 19 新特性对比:代码量减少 50%,异步状态从此自动管理
前端·react.js
ohyeah5 小时前
柯理化(Currying):让函数参数一个一个传递
前端·javascript
iReachers5 小时前
为什么HTML打包安卓APP安装时会覆盖或者报错?
android·java·html·html打包apk·网页打包
9坐会得自创5 小时前
使用marked将markdown渲染成HTML的基本操作
java·前端·html
Hilaku5 小时前
当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?
前端·javascript·ai编程
最贪吃的虎5 小时前
什么是开源?小白如何快速学会开源协作流程并参与项目
java·前端·后端·开源