tailwindcss

NUXT3+tailwindcss+pinia项目搭建

-template-by-leehan依赖包及启动npminstallnpmrundev启动成功后打开：http://localhost:3000/显示nuxt定义的welcome页面项目创建成功安装tailwindcss
className_lee·2023-03-24 18:59

Tailwindcss 入门

Tailwindcss是一个功能类优先的CSS框架，通过flex,pt-4,text-center和rotate-90这种原子类组合快速构建网站，而不需要离开你的HTML。
前端黑板报·2023-03-11 03:39

reactjs学习解决unknown at rule @tailwind css问题

目录解决unknownatrule@tailwindcssReact配置Tailwindcss问题步骤测试总结解决unknownatrule@tailwindcss安装tailwind，以及配置了tailwindcssintellisense
·2023-03-11 00:02

使用tailwindcss与antd冲突，Button按钮透明

先看问题image.png问题出现的原因原因是我们使用了tailwindcss，默认情况会有tailwindcss的默认属性代码块内我们发现background-color:transparent;这个是默认属性导致的
这个超人不会飞阿·2023-03-10 16:51

2023 告别 CSS 预处理工具，彻底拥抱 TailwindCSS

CSS是声明式语言，很简单，很好学，但是写起来很累，所有东西都要写出来才能生效。复用方面更是无从下手，虽然大家都在不断总结，但始终没能找到足够好用的方案，可以有效改善CSS开发。于是我们只好把视线转出CSS之外，转投CSS预处理工具，Less、SASS（SCSS）、Stylus，引入种种CSS不具备的功能，帮助我们改进开发体验。比如嵌套、函数、循环、条件，等等。然而如果你细心观察，实际上，这几个工
·2023-02-23 17:06

2023 告别 CSS 预处理工具，彻底拥抱 TailwindCSS

CSS是声明式语言，很简单，很好学，但是写起来很累，所有东西都要写出来才能生效。复用方面更是无从下手，虽然大家都在不断总结，但始终没能找到足够好用的方案，可以有效改善CSS开发。于是我们只好把视线转出CSS之外，转投CSS预处理工具，Less、SASS（SCSS）、Stylus，引入种种CSS不具备的功能，帮助我们改进开发体验。比如嵌套、函数、循环、条件，等等。然而如果你细心观察，实际上，这几个工
·2023-02-19 18:11

在vue3中（vite）引入unocss，安装配置unocss

前言：不了解unocss的朋友，建议先阅读此文章https://antfu.me/posts/reimagine-atomic-css-zh简单来说，unocss是一个css引擎，用过TailwindCSS
子绎·2023-02-03 11:09

React - TailwindCSS Colors 值的使用

通常情况下，使用className即可设置相关的颜色属性，某些特殊下需要使用具体的RGB值，那么className则不适用，但是可以使用TailwindCSS包提供的静态常量。
Anoyi·2023-01-29 08:22

vue3开源项目

1、vue-pure-admin使用Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等主流技术栈开发官方文档：https://yiming_chang.gitee.io
小趴菜呢·2023-01-23 08:08

Tailwind 真香

一、导入在进入Tailwindcss主题之前，我们先来聊聊css的发展历程，这将有利于理解tailwind存在的意义。CSS经历了三个阶段：原生阶段：需要什么就写什么。
hyomei·2023-01-14 06:11

vue3 + tsx + pinia + jest开发模板整理

  公司项目使用react，但是作为vue2的一名coder，周末花了两天的时间，整理了一波vue3+tsx+vite+axios的开发模板，里面涵盖jest、tailwindcss、pinia、element-plus
kanade_hu·2023-01-08 08:31

运用Vue3+Vite+pinia+tailwindCSS构建项目

Vite需要Node.js版本>=14.18.0需要npm6.x以上创建项目：npmcreatevite@latestxxx--templatevue安装依赖：npmi安装TailwindCSS：npmnpminstall-Dtailwindcsspostcssautoprefixernpxtailwindcssinit-p
greendx·2022-12-30 17:30

一年学完mit计算机课程_一年的实用程序课程

具体来说，我们决定使用实用程序类框架TailwindCSS，该框架提供了一堆类，您可以将这些类应用于您的项目以快速构建UI。
cuotangu3718·2022-12-30 00:49

tailwindcss介绍、以及用webpack简单配置一个项目

webpack配置由于各大插件更新频率太快，可能相隔一定的时间不去使用，相关的配置，用法的改变会使你怀疑人生。记录下最近使用webpack各个插件的版本信息，以及坑点；最开始是使用webpack5.24.1+webpack-dev-server3.11.2。这两个版本搭配使用服务总是启动不起来。以为是自己配置有问题，一行一行逐步看配置（眼里都是泪啊），经过一系列的资料查询，才发现是版本冲突（心态崩
CQer·2022-12-26 17:56

TailwindCSS断点可视化工具

环境ChromeTailwindCSS3Demo用Vue.js实装，改变屏幕尺寸就能得到当前屏幕信息，建议使用CodePen查看CodePenCodeVue.js{{width}}x{{height}}GetCodepenScreenSizebase/xs=~639pxiphonese↑iphone7↑iphone12pro↑sm(min-width:640px)=640px~767pxiphon
·2022-12-14 18:30

Vue3 学习笔记 —— scoped、tailwind、unocss 原子化、Vue3 样式新特性

scoped、样式穿透2.1scoped渲染规则2.2样式穿透3.Vue3样式新特性3.1插槽选择器:slotted()3.2全局选择器:global()3.3动态样式绑定3.4cssmodule4.TailwindCss4.1
Lyrelion·2022-12-11 19:35

在react中使用tailwind的问题

npminstall-Dtailwindcss@npm:@tailwindcss/postcs
·2022-11-12 13:00

Vue3编写气泡对话框组件

Vue3气泡对话框组件，使用TypeScript枚举限定类型，样式用到了TailwindCSS组件代码      import{ defineComponent, PropType}from'vue';
·2022-11-11 15:26

angular项目打包_?????? 一个基于vue3+vite+ts的完整项目

项目基于ant-design-vue,typescript,vue3.0,vite,tailwindcss,tsx实现的vue3风格的后台管理系统，gitHub地址vue-vben-admin2.0-main
weixin_39553757·2022-11-06 21:08

采用 vue3 + vite + element-plus + tsx + decorators + tailwindcss 构建 admin 管理员后台页面

/vue3-vite-tsx-element-plus-admin–长期维护开发环境node14.21.0+简介当前项目采用vue3+vite+element-plus+tsx+decorators+tailwindcss
w-klover·2022-11-06 21:06

Vite插件大全

优势极速的服务启动⚡️轻量快速的热重载️丰富的功能优化的构建通用的插件完全类型化的APIVue3Vitesse基于Vite的入门模板.vite-vue3-tailwind-starterVite+Vue3+TailwindCSS
GF~·2022-11-03 14:38

Vue3，Vite3，TS，Naive-UI整合TailwindCSS

目录前言一、环境要求二、创建项目三、安装和使用NaiveUI1、安装NaiveUI2、使用NaiveUI（直接引入）3、使用NaiveUI（自动引入引入）4、使用图标四、安装TailwindCSS五、NaiveUI
小墨先生·2022-09-30 05:35

前端成功转型后端开发的机会在哪里；如何评价框架TailwindCSS；前端的未来是远程工作吗｜极客观点

期待我们一起成长和进步呀今日关键词：#前端转后端#tailwindcss#“远程工作”的
·2022-09-19 08:36

tailwindcss 一款绝对让你惊艳的CSS框架

，注：以下阐述都是个人理解以及网上寻找的资料什么是TailwindCSS:TailwindCSS是一种实用工具-基于低级别的CSS框架，旨在简化建设有速度，较少关注Web应用程序编写自定义的CSS,官话
小边_leo·2022-08-25 13:47

记录一个Vue3简易微信右滑删除逻辑的思路实现

一.搭建简易的页面对应的代码，界面使用了tailwindCSS，代码非常简单，就是普通的定位，关键的定位已经用黄色框框圈出。right的值为div删除的宽度，其它的样式这里不再过多赘述。
·2022-08-17 19:28

视觉盛宴篇！推荐 12 个好用的 CSS 的开源项目，YYDS ！

https://github.com/animate-css/animate.css2.tailwindcss无需离开您的HTML，即可快速建立现代网站。
YvetteLau·2022-07-29 22:11

前端有用的库

HTMLawesome-html5精选的HTML5资源精选清单CSStailwindcss与TailwindCSS相关的很棒的事情awesome-css-frameworks很棒的CSS框架列表awesome-css-cnCSS
yusirxiaer·2022-07-29 12:56

Vue3记录一个简易微信右滑逻辑的思路

一.搭建简易的页面对应的代码，界面使用了tailwindCSS，代码非常简单，就是普通的定位，关键的定位已经用黄色框框圈出。right的值为div删除的宽度，其它的样式这里不再过多赘述。
·2022-07-19 00:52

vue2 + vite 配置 tailwindcss 不生效

按照网上的方法配置，包括官网的vue3+vite配置tailwind文档。配置好久都没有效果，编译出来的文件是这样的可以看到样式并没有编译出来。经过各种探讨，参考vue2配置的tailwind，发现有人需要单独在vue.config.js加一个配置//vue.config.jsmodule.exports={css:{loaderOptions:{postcss:{plugins:[require
·2022-07-13 18:27

在vue2 中使用 tailwindcss的方法 亲测可用

目录1.直接安装2.创建文件tailwindcss.css3.main.js中引入4.在项目根目录执行以下命令：5.测试一下注意:我用我走过的坑告诉你们，一定要按照步骤，一步一步来1.直接安装npminstall-Dtailwindcss
·2022-07-09 17:42

daisyUI - 主题漂亮、代码纯净，免费开源的 Tailwind CSS 组件库，不需要堆砌 class 名

关于daisyUIdaisyUI是一款极为流行的CSSUI组件库，作者PouyaSaadeghi基于大名鼎鼎的TailwindCSS框架构建的组件库。
那些免费的砖·2022-07-01 18:06

Vue中使用tailwindcss

一、下载tailwindcssnpminstalltailwindcss二、引入tailwindcss创建样式文件夹,或在现有文件夹引入,例如style/index.css@import"tailwindcss
山竹回家了·2022-06-22 14:50

tailwind css + vuejs3实现过渡（transition）效果

tailwindcss+vue3=easyandbeautifultransitions不得不说，tailwindcss和vuejs可真是绝配，在transition效果的实现上也是如此。
ZachhhBweg·2022-06-22 14:14

uniapp +vue3+ts+tailwindcss 开发搭建兼容小程序版本

1、创建uniappcli版本uniapp官网环境安装命令行使用以下命令//使用正式版（对应HBuilderX最新正式版）vuecreate-pdcloudio/uni-preset-vuemy-project//使用alpha版（对应HBuilderX最新alpha版）vuecreate-pdcloudio/uni-preset-vue#alphamy-alpha-project选择默认模板ty
HHH 917·2022-06-22 14:11

在 Vue 3 和 Vite 安装 Tailwind CSS

在Vue3和Vite安装TailwindCSS在Vue3和Vite安装TailwindCSS-TailwindCSS中文文档安装Tailwind以及其它依赖项:目前最新的tailwindcss3.0.24
跪下，大胆刁民·2022-06-22 14:59

Vue3 Vite 使用 tailwindcss & element-plus & iconify

安装和使用tailwindcss官方参考地址：https://www.tailwindcss.cn/docs/guides/vue-3-vite新建Vuevite项目，然后安装tailwindcss#vue
而又何羡乎·2022-06-22 14:58

vue3.x兼容tailwindcss(截至发帖)

1.postcss.config.jsconstpurgecss=require('@fullhuman/postcss-purgecss')({content:['./layouts/**/*.html','./src/**/*.vue','./src/**/*.jsx'],defaultExtractor:content=>content.match(/[\w-/:]+(?
qq_40676272·2022-06-22 14:55

Vue3 VueCli4.5 整合 Tailwindcss 笔记

1.软件版本准备：webstorm:2021.2.1才有tailwindcss的开发提示VueCli4.5+Tailwindcss2.2+安装提示插件Tailwindformatter2.安装Tailwindcss
芋头同学·2022-06-22 14:45

2021-web前端-vue结合TailwindCss使用指南-vue-tailwindcss

vue结合TailwindCss使用指南vue-cli项目的安装[email protected]新建tailwind.css,在src/
itwangyang520·2022-06-22 14:14

VueCLI 项目如何使用 Tailwind CSS

TailwindCSS是什么TailwindCSS是一个高度可定制的基础层CSS框架，它为您提供了构建定制化设计所需的所有构建块，而无需重新覆盖任何内建于框架中的设计风格。
LaravelCode·2022-06-22 14:14

vue.js 组件css_Vue.js的Tailwind CSS组件库

vue.js组件cssTailwindcss-Vue(Tailwindcss-Vue)Tailwindcss-VueisalibraryofUIcomponentsforVue.jsbuiltusingtheTailwindCSSutility-firstCSSframework.Tailwindcss-Vue
cuk5239·2022-06-22 14:42

【Vue3】Vue3+Element-Plus+Vite+Tailwindcss 随记

vue系列文章目录vue系列1.Elemet-Plus1.1elemet-plus输入框无法输入1.2element-plus修改主题色2.Vue32.1setup语法糖3.Tailwindcss3.1
JohnnyLiu1010·2022-06-22 14:42

学习Vue3 第三十四章（Vue3集成Tailwind CSS）

TailwindCSS是一个由js编写的CSS框架他是基于postCss去解析的官网地址TailwindCSS中文文档-无需离开您的HTML，即可快速建立现代网站。
小满zs·2022-06-22 13:31

客观评价 增长趋势比 vite 还猛的 TailwindCSS

前端社群常见的宗教战争文：TailwindCSS根本邪魔歪道，Class根本不是这样用的，看了真他妈一肚子火——硬派本格CSS/SCSS支持者会有这样的言
·2022-06-20 11:14

客观评价 增长趋势比 vite 还猛的 TailwindCSS

前端社群常见的宗教战争文：TailwindCSS根本邪魔歪道，Class根本不是这样用的，看了真他妈一肚子火——硬派本格CSS/SCSS支持者会有这样的言
@大迁世界·2022-06-18 22:05

Dapp开发实战：去中心化NFT交易平台

在以太坊上建立数字市场在本次实战所使用的技术是React,Next.js,TailwindCSS,RemixIDE,Solidity,Ethers.编写智能合约市场将由两个主要的智能合约组成：用于铸造NFT
夏徐梁·2022-05-31 05:25

在小程序中愉快的使用 Tailwind CSS 吧!

在小程序中愉快的使用TailwindCSS吧!把tailwindcssJIT思想带入小程序开发吧！在小程序中愉快的使用TailwindCSS吧!
·2022-05-16 12:30

使用tailwindcss与antd冲突，Button按钮透明

先看问题问题出现的原因原因是我们使用了tailwindcss，默认情况会有tailwindcss的默认属性代码块内我们发现background-color:transparent;这个是默认属性导致的button
·2022-05-01 09:44

实战独立项目「几行字」：从想法到上线全过程

这两则的star数都超过了1000+，这么简单的应用竟然这么受欢迎，有点羡慕嫉妒感因为好奇，接触了vite、tailwindcss等新技术，就想着用vite搭建一个react应用，样式用tailwindcss
·2022-04-28 17:29

scss文件转tailwind风格css工具

tailwindcss的好处自不用说，但纯手工转换工作量巨大，因此开发转换工具，重复性工作交由程序执行。思路首先分析IO，I为.scss文件，O为tailwind风格的.css文件。.
·2022-04-28 17:56
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他