首发于 程序开发
在Vue项目开发中使用Tailwindcss强力推荐!

在Vue项目开发中使用Tailwindcss强力推荐!

本文是在实际项目开发中使用Tailwindcss的感受,给还未决定的选择使用Tailwindcss的朋友们一些参考。
2021/3/4 更新
在自己开发多个项目以后,对TailwindCSS感受修正。1、适合快速开发,尤其是需要手机和电脑适配项目。2. 如果你是开发中长期项目,或者注重细节、交互,建议还是自己写CSS。

为什么我觉得用Tailwindcss会很舒服

1. 直接在vue中写css命令,省去了繁琐的css命名,省去了来回跳转页面编辑,省去了写一堆CSS的痛苦

Before

<div class="bottomNav"></div>
<style scoped>
.bottomNav-cartfooter {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding-left: 21.066667vw;
  background-color: rgba(61, 61, 63, 0.9);
  height: 12.8vw;
  z-index: 1000;