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

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