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>
相关推荐
whinc12 小时前
Node.js技术周刊 2026年第17周
前端·javascript
nbsaas-boot12 小时前
100万门店级分货系统架构设计
前端·javascript·vue.js
GISer_Jing12 小时前
《Claude Code Hooks:AI编程工具的高级控制指南》
前端·人工智能·microsoft·ai编程
爱上好庆祝13 小时前
学习js的第2天
前端·css·学习·html·css3
freewlt13 小时前
VS Code 扩展开发:集成 GitHub Copilot 的完整指南
vscode·node.js
Csvn13 小时前
SEO 优化
前端
天外飞雨道沧桑13 小时前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css
彩票管理中心秘书长13 小时前
Git 图形化交互工具大全:从官方 GUI 到高级扩展
前端
ID_1800790547314 小时前
Python 实现京东商品详情 API 数据准确性校验(极简可直接用)
java·前端·python
前端那点事14 小时前
Vue生命周期速查:Vue2+Vue3钩子全解析,新手也能秒懂
前端·vue.js