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>
相关推荐
weixin_456907416 分钟前
【html+Tss 故障排查】链20230304 最详细解析之像素已拉取,容器仍起不来(含命令清单)
前端·html
Ulyanov17 分钟前
基于Impress.js的3D概念地图设计与实现
开发语言·前端·javascript·3d·ecmascript
jiayong2318 分钟前
Vue 3 面试题 - TypeScript 与工程化
前端·vue.js·typescript
小白菜学前端21 分钟前
Git 推送 Vue 项目到远程仓库完整流程
前端·git
A南方故人22 分钟前
一个用于实时检测 web 应用更新的 JavaScript 库
开发语言·前端·javascript
悟能不能悟23 分钟前
postman怎么获取上一个接口执行完后的参数
前端·javascript·postman
小程故事多_8024 分钟前
穿透 AI 智能面纱:三大高危漏洞(RCE/SSRF/XSS)的攻防博弈与全生命周期防护
前端·人工智能·aigc·xss
koiy.cc26 分钟前
新建 vue3 项目
前端·vue.js
虹科网络安全27 分钟前
艾体宝新闻 | NPM 生态系统陷入困境:自我传播恶意软件在大规模供应链攻击中感染了 187 个软件包
前端·npm·node.js
摇滚侠44 分钟前
PNPM 包管理工具和 NPM 包管理工具
vscode·npm·node.js·pnpm