在项目中安装使用TailwindCSS的详细步骤。

以后的每一篇文章 ， 相关的官网 我都要附在最前面！

Tailwind CSS 文档中文网址

安装 - TailwindCSS中文文档 | TailwindCSS中文网

1.安装必要的依赖

通过 npm 安装 tailwindcss，然而Tailwind CSS 本身是一个postCSS插件，所以可以直接使用。

npm i -D tailwindcss postcss autoprefixer

2.创建Tailwind CSS 配置文件

使用tailwindcss的初始化命令创建：

npx tailwindcss init -p

这一步会创建两个文件：

        1.创建postcss.config.js文件，这里的配置主要是添加tailwindcss的插件，这样编写的css才会被tailwindcss处理

        2.创建tailwind.config.js文件，主要进行扫描规则、主题、插件等配置。

3.配置content字段

在tailwind.config.js文件中正确配置content字段，

4.引入Tailwind基本指令

在主css文件中引入Tailwind CSS 。

 同时在main.js 中引入

5.开始使用