在 Visual Studio Code 引用 Tailwind cdn 使用代码提示在 Visual Studio C

在 Visual Studio Code 引用 Tailwind cdn 使用代码提示

需要先安装插件

去插件商店里面搜索官方的 Tailwind CSS IntelliSense 下载安装。

配置文件

如果是想和我一样不喜欢使用 nodejs 来开发，是在 html 里面引用 tailwind 的 cdn，Visual Studio Code 一般是不会进行代码提示的，你需要一个配置文件才能工作，所以我们现在根目录下新建一个文件。

注意： 是你 HTML 文件的根目录。

// tailwind.config.js

export default {
  theme: {
    extend: {
      //
    },
  },
};

配置 index.html

<script src="https://cdn.tailwindcss.com"></script>
<script type="module">
  import cfg from "./tailwind.config.js";
  tailwind.config = cfg;
</script>