前言 很多时候 CSS 未必是需要管理的, 比如做网站, Landing Page (类似宣传单). 很多时候做了 > 用了 > 丢 > 再做新的. 它没有 "维护" 的必要. 所以也就不需要搞什么 Sass 去做代码管理之类的. 反而需要的是快速开发. 而快速开发最快 ...
一 前言 最近的一个项目使用了新的框架,这个框架中使用了 Tailwind CSS。对这个 CSS 的框架不是很熟悉,所以在使用过程中会遇到一些问题。 对于这些问题记录下。 本文章主要介绍 Tailwind CSS 的安装 基本配置等。 二 安装 安装包 根据自己使用习惯是使用 npm 还是 yarn 引入包 Tailwind css 分了几个基本的模块,可以按需引入自己需要的基础模块。 基本的导 ...
2020-05-23 13:21 0 3713 推荐指数:
前言 很多时候 CSS 未必是需要管理的, 比如做网站, Landing Page (类似宣传单). 很多时候做了 > 用了 > 丢 > 再做新的. 它没有 "维护" 的必要. 所以也就不需要搞什么 Sass 去做代码管理之类的. 反而需要的是快速开发. 而快速开发最快 ...
参考链接:https://cloud.tencent.com/developer/article/1557489 公司项目规定node版本必须为10,在此基础上安装tailwind 安装postcss插件 ...
导语 就在前段时间laravel更新了8.0版本,其中有一个新特性是Jetstream是Laravel的新应用程序支架,Jetstream使用Tailwind CSS,您可以在Livewire或Inertia之间进行选择。于是我就开始了tailwindcss研究之旅。 简介 一般 ...
安装 使用 在tailwind.config.js引入插件: 在HTML中,使用line-clamp-{n} 类定义省略几行 ...
导语 响应式相信大家都不陌生,就是使用css的媒体查询设计,进行不同尺寸,显示不同效果,但是Tailwind CSS的响应式设计使用起来会更加爽,更加快捷方便,到底怎么搞呢?我们一起来探讨一下。 简介 Tailwind中的每个实用程序类都可以有条件地应用于不同的断点,这使 ...
---- Vue 2.x 1. 创建一个VUE项目 2. 安装Tailwind CSS npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@ ...
项目背景 在项目的初始阶段,我们需要建立自己的design system,我们spike了一些方案,tailwind-rn就是其中一种,如果有用到或者即将用到tailwind-rn的,可以进来看一看,避免踩坑。 后来觉得项目比较简单,tailwind对新上项目小伙伴确实不太友好,所以我们最终 ...
开始,按照我的webpack分模块文章配置好后(mini-css-extract-plugin不支持代码hmr热更新,所以只在生产模式进行配置),开始下面的配置 yarn add mini-css-extract-plugin css ...