相关文章推荐
好帅的饺子  ·  vite ts vue 项目提示 . ...·  1 周前    · 
完美的鸡蛋面  ·  vue3 npm run ...·  1 周前    · 
胡子拉碴的豆腐  ·  vue ...·  1 周前    · 
干练的火柴  ·  avue使用render - CSDN文库·  6 天前    · 
腹黑的豆浆  ·  使用 Velocity ...·  5 月前    · 
胡子拉碴的斑马  ·  128-bit ...·  1 年前    · 
首发于 程序开发
在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;