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>
相关推荐
OpenTiny社区23 分钟前
电商系统集成GenUI SDK实操指南
前端·开源·ai编程
A_nanda24 分钟前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
YGY顾n凡26 分钟前
我开源了一个项目:一句话创造一个AI世界!
前端·后端·aigc
qq_120840937129 分钟前
Three.js 工程向:动画循环与时间步进稳定性实践
前端·javascript
QiZhang | UESTC41 分钟前
vscode debug教程
ide·vscode·编辑器
旷世奇才李先生1 小时前
React18\+TypeScript实战: Hooks封装与企业级组件开发
前端·javascript·typescript
午安~婉1 小时前
Electron(续4)利用AI辅助完成配置功能
前端·javascript·electron·应用打包与发布
tERS ERTS1 小时前
头歌答案--爬虫实战
java·前端·爬虫
当时只道寻常1 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js