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 分钟前
excel 导入 科学计数法问题处理
java·前端·excel
小徐_23336 分钟前
不如摸鱼去的 2025 年终总结,今年的关键词是直面天命
前端·年终总结
GISer_Jing10 分钟前
交互式圣诞树粒子效果:手势控制+图片上传
前端·javascript
38242782721 分钟前
CSS 选择器(CSS Selectors) 的完整规则汇总
前端·css
放逐者-保持本心,方可放逐24 分钟前
PDFObject 在 Vue 项目中的应用实例详解
前端·javascript·vue.js
龙仔CLL32 分钟前
vue2项目使用zoom解决pc端浏览器百分比缩放,布局样式不兼容问题
vue.js·html·zoom
捻tua馔...1 小时前
mobx相关使用及源码实现
开发语言·前端·javascript
cypking1 小时前
解决 TypeScript 找不到静态资源模块及类型声明问题
前端·javascript·typescript
想学后端的前端工程师1 小时前
【Webpack构建优化实战指南:从慢到快的蜕变】
前端
IT_陈寒1 小时前
JavaScript性能优化:我用这7个V8引擎冷门技巧将页面加载速度提升了40%
前端·人工智能·后端