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>
相关推荐
tiandyoin4 分钟前
vscode copilot 的配置文件提示警告
ide·vscode·copilot
JY.yuyu4 分钟前
Java Web上架流程(Nginx反向代理+负载均衡 ,Apache配置,Maven安装打包,Tomcat配置)
java·开发语言·前端
紫_龙6 分钟前
最新版vue3+TypeScript开发入门到实战教程之路由详解二
前端·javascript·typescript
嵌入式小能手11 分钟前
飞凌嵌入式ElfBoard-环境变量之添加修改环境变量setenv
服务器·前端·javascript
polarisya12 分钟前
vue组件二次封装
前端·javascript·vue.js
郭泽斌之心13 分钟前
Live2D工程对接Fay数字人框架
前端·经验分享·fay数字人
前端搬砖人沐兮14 分钟前
被忽视的宝藏:深入解读 createRangeFromPoint 的前世今生与实战技巧
前端
kyriewen14 分钟前
手写 Promise:从“我会用”到“我会造”
前端·javascript·面试
wuhen_n15 分钟前
案例分析:大屏可视化项目的卡顿排查与解决
前端·javascript·vue.js
比尔盖茨的大脑16 分钟前
为了学习 AI Agent,我做了一个 AI 阅读器(已开源)
前端·人工智能