当前位置: article > 正文

tailwindcss在使用cdn引入静态html的时候，vscode默认不会提示问题

作者：凡人多烦事01 | 2024-04-28 14:31:44

踩

1.首先确保vscode下载tailwind插件：Tailwind CSS IntelliSense
在这里插入图片描述
2.需要在根目录文件夹创建一个tailwind.config.js文件

export default {
  theme: {
    extend: {
      // 可根据需要自行配置，空配置项可以正常使用
    },
  },
}
1
2
3
4
5
6
7

3.在html文件的标签中引入配置文件，即可正常使用了
在这里插入图片描述

<script src="https://cdn.tailwindcss.com"></script>
<script type="module">
  import tc from "./tailwind.config.js"
  tailwind.config = tc
</script>
1
2
3
4
5

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/502764