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>
相关推荐
树叶会结冰4 分钟前
TypeScript---循环:要学会原地踏步,更要学会跳出舒适圈
前端·javascript·typescript
唐叔在学习18 分钟前
前端响应式设计实践:布局与字体自适应方案
前端·响应式设计
海云前端123 分钟前
如果要设计一个开源的Code EditorSDK,你会向开发者暴露哪些API?
前端
Access开发易登软件33 分钟前
Access 数据可视化:如何制作箱形图
前端·数据库·vba·access·access开发
Tiramisu202339 分钟前
【VUE】删除 node_modules几种高效方法
前端·javascript·vue.js
钰fly40 分钟前
Windows Forms开发工具与功能总结表
前端·c#
共享家952743 分钟前
测试常用函数(一)
java·前端·javascript
林恒smileZAZ1 小时前
vue对接海康摄像头-H5player
前端·javascript·vue.js
韩曙亮1 小时前
【Web APIs】移动端返回顶部案例 ( 返回顶部按钮 显示 / 隐藏 设置 | 返回顶部操作 )
前端·javascript·css·html·移动端·web apis·返回顶部
yiSty1 小时前
在VScode中安装Yarn
ide·vscode·编辑器