tailwindcss
定制TailwindCSS
目录定制颜色自定义颜色（覆盖默认颜色）添加新的颜色使用默认颜色 定制颜色 工具：UI Colors 定制好颜色后点击导出，选择需要的格式复制。 自定义颜色（覆盖默认颜色） 在TailwindCSS中使用自定义的，可以再theme.colors中加入自定义颜色，这样会覆盖默认颜色。 /** @type ......
在vue项目中使用TailwindCSS
在vue项目中使用 创建vue项目 pnpm create vue@latest 安装Tailwind CSS 安装及其对等依赖，然后生成tailwind.config.js和postcss.config.js文件 pnpm install -D tailwindcss postcss autopr ......
Unknown at rule @tailwindcss 错误
如果项目中配置了stylelint，并且使用了tailwindcss，会报这个错误 解决方案： 1，安装 stylelint-config-tailwindcss 插件： npm install stylelint-config-tailwindcss --save-dev 2，配置 styleli ......
tailwindcss 实现常见样式
设置宽高 w-number, h-number flex 实现水平垂直居中 flex设置容器为 flex 容器 flex-row / flex-column 设置主轴方向 justify-center 设置主轴方向居中，类似还有 justify-start, justify-end items-ce ......
开局就集成tailwindcss（一）
1.使用cli创建项目 npm create vite@latest 项目名 --template react-ts 2.因为css功底偏弱，所以必须也是完全有必要的，在这里必须集成一下tailwind css， npm install tailwindcss autoprefixer postcs ......
tailwindcss 3.3.3
安装（略） 编辑器设置（略） Using with Preprocessors 与预处理器一起使用（略） Optimizing for Production 针对生产进行优化（略） Browser Support 浏览器支持（略） Upgrade Guide 升级指南（略） Utility-Firs ......
tailwindcss -原子化 CSS 框架
原子化 CSS 框架 我记得很久之前有时候为了少写些css，我们通常会有如下的样板代码 .block { display: block; } .flex { display:flex } .flex-center { align-items: center; justify-content: cen ......
tailwindcss 选型，以及vue配置
一、为什么选择tailwindcss？ Tailwind CSS 是一个受欢迎的、功能丰富的CSS框架，它与传统的CSS框架（如Bootstrap）有些不同。以下是一些人们通常对于Tailwind CSS 的评价： 优点： 工具驱动的开发： Tailwind CSS 提供了一系列实用工具类，这些类可 ......
插件系列 vue2安装tailwindcss
官方网址：https://www.tailwindcss.cn/docs/installation 安装步骤： 直接安装 创建文件 tailwindcss.css main.js全局引入文件 tailwindcss.css 在项目更目录下执行初始化配置文件指令 第一步：直接安装 npm instal ......
微信小程序使用tailwindcss
第一次尝试成功，可以使用部分基础类属性 1、新建一个项目目录，再在目录里新建小程序项目。 2、整个项目使用vscode打开，npm init 初始化npm。 3、安装tailwind、postcss autoprefixer npm install -D tailwindcss@latest pos ......
dumi 如何配置 tailwindcss
dumi 如何配置 tailwindcss tailwindcss 配置项需要安装 @umijs/plugins 到 devDeps，并且挂载 @umijs/plugins/dist/tailwindcss 插件才能使用 具体实现，可以参考以下步骤： 安装： yarn add -D @umijs/p ......
禁止tailwindcss的默认属性
修改文件 tailwind.config.js module.exports = { ... ... corePlugins: { preflight: false } } ......
Taro项目引入Tailwindcss
## **前情** Tailwind CSS 是一个原子类 CSS 框架，它将基础的 CSS 全部拆分为原子级别，同时还补全各种浏览器模式前缀，兼容性也不错。它的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何模板中的 CSS 类名，然后生成相应的样式代码并写入到一个静态 CS ......
tailwindcss基本使用
[TOC] ####一、tailwindcss基本使用 #####1、设置tailwind和postcss * 命令 ``` * npm init -y * npm i tailwindcss postcss-cli autoprefixer * npx tailwind init ``` + 编辑 ......
tailwindcss在使用cdn引入静态html的时候，使用vscode代码提示
原文： Hey! The Intellisense extension does need a config file to work today. I would suggest creating one in your project root to enable the extension. ......
tailwindcss 安装
# tailwindcss pnpm i tailwindcss postcss autoprefixer # 生成 tailwindcss 配置文件 npx tailwindcss init -p // tailwind.config.js module.exports = { ... conte ......