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>
相关推荐
小白笑苍6 分钟前
vscode windows环境常用插件安装教程
vscode
刘凑华9 分钟前
使用vscode 连接linux进行开发
ide·vscode·编辑器
码界领航9 分钟前
2024 Visual Studio Code的下载与安装
ide·vscode·编辑器
hong_zc11 分钟前
初始 html
前端·html
赛丽曼12 分钟前
Python中的HTML
python·html
前端Hardy13 分钟前
探索 HTML 和 CSS 实现的 3D 开关按钮
css·3d·html
小小吱16 分钟前
HTML动画
前端·html
Bio Coder33 分钟前
学习用 Javascript、HTML、CSS 以及 Node.js 开发一个 uTools 插件,学习计划及其周期
javascript·学习·html·开发·utools
糊涂涂是个小盆友37 分钟前
前端 - 使用uniapp+vue搭建前端项目(app端)
前端·vue.js·uni-app
浮华似水1 小时前
Javascirpt时区——脱坑指南
前端