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>
相关推荐
GISer_Jing4 分钟前
大语言模型Agent入门指南
前端·数据库·人工智能
运筹vivo@15 分钟前
BUUCTF: [极客大挑战 2019]Upload
前端·web安全·php·ctf
qq_124987075318 分钟前
基于Spring Boot的长春美食推荐管理系统的设计与实现(源码+论文+部署+安装)
java·前端·spring boot·后端·毕业设计·美食·计算机毕业设计
运筹vivo@20 分钟前
攻防世界: easyupload
前端·web安全·php·ctf
朝阳3931 分钟前
CSS-in-JS(含样式化组件 styled-components)
css
UI设计兰亭妙微43 分钟前
兰亭妙微:以HTML前端、UI/交互/图标设计赋能数字孪生与大屏设计新标杆
前端·ui·用户体验设计
jarreyer1 小时前
【AI编程】claudecode插件配置记录和trae软件相关配置
前端·chrome·ai编程
奔跑的web.1 小时前
TypeScript 类型断言
前端·javascript·typescript
ヤ鬧鬧o.1 小时前
HTML多倒计时管理
前端·javascript·css·html5
知兀1 小时前
【uniapp/vue3+ts/js】eslint9+prettier+husky+lint-staged
前端·javascript·uni-app