我真是服了,安装了一天各种问题报错,按照官网文档完全不行(因为按照官网的教程会出版本兼容问题),我搜网上的教程扯一大堆无用代码。。。
摸索到它的套路后在此记录吧。
1.安装tailwindcss
npm i tailwindcss
2.安装postcss
npm i postcss
3.安装postcss-loader (注意不要安装过高版本容易出兼容问题)
npm i postcss-loader@4.2.0
4.在postcss.config.js加入tailwindcss没有新建即可
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {}
}
}
5.新建css加入并引入
@tailwind base;
@tailwind components;
@tailwind utilities;
6.到此为止你便可以使用官网样式类名进行测试,如果没有问题其他配置同官网。
备注:本次安装使用的是vue2.6.10版本