以后的每一篇文章 , 相关的官网 我都要附在最前面!
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 中引入