Vue3 VueCli4.5 整合 Tailwindcss 笔记

1. 软件版本准备:

  1. webstorm : 2021.2.1 才有tailwindcss 的开发提示

  2. VueCli 4.5+

  3. Tailwindcss 2.2+

  4. 安装提示插件 Tailwind formatter

2. 安装 Tailwindcss

先创建Vue 项目,

vue create demo

参考:在 Vue 3 和 Vite 安装 Tailwind CSS - Tailwind CSS 中文文档

在 Vue 中导入 Tailwindcss

Vue3 VueCli4.5 整合 Tailwindcss 笔记_第1张图片

 接下来就可以愉快的使用了

你可能感兴趣的:(Web,UI框架,vue.js)