TailwindCss在vue中使用配置步骤

268 阅读1分钟

npm安装

npm install -D tailwindcss postcss autoprefixer

初始化

终端运行 npx tailwindcss init -p 自动生成 postcss.config.js 和 tailwind.config.ts两个文件

image.png

postcss.config.js 文件中

image.png

tailwind.config.js 文件中

image.png

新建tailwind.css样式文件

image.png

main.ts或者main.js文件中引入tailwind.css文件

image.png

使用时,写入tailwind语法写入类名就可以

image.png