windi

聊聊 Windi CSS 的替代品 UnoCSS

WindiCSSWindiCSS是一个下一代工具优先的CSS框架，它以TailwindCSS为基础，提供了更快的加载体验和一些额外的高级功能。以下是关于WindiCSS的一些关键特点：按需供应：WindiCSS会扫描你的HTML和CSS，然后按需生成工具类（utilities），这意味着只有你实际使用的工具类才会被包含在最终的CSS文件中，从而减少了文件大小和提高了加载速度。与TailwindCS
·2025-01-18 18:07

使用Windi CSS（基于vue-cli）

1、先创建vue项目利用脚手架vue-cli创建，根据需求设置vue版本、babel等，无特别要求直接用默认的vue2或vue3就行vuecreate项目名2、运行vue项目，利用vue-cli安装WindiCSS官网指导：VueCLI集成|WindiCSS我的经历：直接终端输入以下命令即可自动安装，且在main.js文件会自动引入，也无需在vue.config.js中配置了才能使用，有特别定制的
Kw_Chng·2023-12-26 03:55

前端项目练习——安装和简单使用Windi CSS

一、WindiCSS它是一个CSS框架，便于管理和后期维护Home|WindiCSS二、安装1.打开官方文档，选择Vite进行安装2.进入项目终端，安装相关包npmi-Dvite-plugin-windicsswindicss3.在Vite.config.js文件中的vite配置中添加插件importWindiCSSfrom'vite-plugin-windicss'exportdefault{p
月亮的星星圈·2023-11-23 07:09

前端开发引入element plus与windi css

背景前端开发有很多流行框架，像React、angular、vue等等，本文主要讲vue给新手用的教程，其实官网已经写的很清楚，这里再啰嗦只是为了给新手提供一个更加简单明了的参考手册。一、打开elementplus官网选则如图所示模块安装命令安装|ElementPlus二、在vscode开发工具的命令行那里执行安装命令，如图所示npminstallelement-plus--save三、main.t
人民的石头·2023-11-12 22:04

vue3 + vite + windicss 基础使用 迁移 unocss

vite.config.tsimportWindiCSSfrom"vite-plugin-windicss";exportdefault{plugins:[WindiCSS()],};main.tsimport"virtual:windi.css
潇、然·2023-10-08 17:13

原子化CSS（Atomic CSS)

引用自掘金，文章中实现相同的功能，构建后的体积TailWind远>Windi>UnoCSS,体积会小很多。像这种原子性的CSS应该在大公司会用到吧！
每天吃饭的羊·2023-09-13 07:53

Windi CSS和Tailwind CSS以及UnoCSS

最近合作在写一个vue3+ts的项目，看到其他人用了一种写法，我觉得很奇怪，之前没见过，他是这样写的我不理解的是为什么这样写就会让这个div的高度就是40px,好多代码都是这样，我去css里边搜索发现并没有额外设置什么，带着好奇我就搜了一下，原来是WindiCSS的用法。介绍通过扫描HTML和CSS并按需生成实用程序，WindiCSS能够在开发中提供更快的加载时间和快速的HMR，并且不需要再生产中
白鲸ld·2023-08-30 10:35

Vue3 + Vite + Ant design vue + Windi CSS

1、新建项目npminitvue@latest在本地搭建Vue单页应用。创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。Vite官网：https://vitejs.cnVite是一个web开发构建工具，由于其原生ES模块导入方法，它允许快速提供代码。这一指令将会安装并执行create-vue，它是Vue官方的项目脚手架工具。你将会看到一些诸如TypeScript
JamYF·2023-08-24 15:01

Windi CSS 原子css 下一代工类 CSS 框架

最近由于项目原因接触到了windiCss发现这个东西真是绝绝子啊,不用在代码里写一行style,完全以类的形式去写样式,它里面包含了几乎所有的css样式，可以让我们不需要再去繁琐的写css样式，原来几行的css现在只需要短短的几个字符。他的许多新特性给我们带来了极大的方便，并且他给我们带来了更快的加载体验安装官方示例ErinLindford产品经理消息这里使用的是vite其他方式请参考https:
沉迷...·2023-07-27 00:50

vue3.2 + elementPlus + Windi CSS + ts创建一个好用的可兼容不同宽高的login页面

1.效果预览2.代码准备导入windiCSS：npmi-Dvite-plugin-windicsswindicsswindiCSS官网：https://cn.windicss.org/integrations/vite.html使用vite创建好你的vue工程sass版本为：1.49.93.WindiCSS在页面中使用@apply二次定义类名方式.left{@applyflexitems-cent
不染-9732·2023-07-26 16:50

Windi Css

文章目录一、WindiCss是什么？二、代码演示2.运行效果一、WindiCss是什么？对于我来说WindiCss是一个可以让我们快速上手开发的一个组件库，他里面包含了几乎所有的css样式，可以让我们不需要再去繁琐的写css样式，原来几行的css现在只需要短短的几个字符。他的许多新特性给我们带来了极大的方便，并且他给我们带来了更快的加载体验二、代码演示具体使用方法查阅windiCss的文档我在这里
是发财不是旺财·2023-02-06 08:16

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

reimagine-atomic-css-zh简单来说，unocss是一个css引擎，用过TailwindCSS和windiCSS的不会陌生，不一样的是，unocss本身不提供任何类名css，它只是解决Tailwind以及windi
子绎·2023-02-03 11:09

VS2010 调用的目标发生了异常

TortoiseGit引起的,然后我Google了一下,有好几种情况,其中一种还是比较靠谱的,就是环境变量里的"系统变量"windir的值变了,打开一看,没变.再找了一个贴子,文中提到,虽然从外面看是没变,但当你点击windi
shines77·2020-09-15 14:14

bat处理解决运行多个任务时的任务

wscript.shell")>>%tmp%\tmp.vbsechoWshell.run"%windir%\system32\taskmgr.exe">>%tmp%\tmp.vbsechoWshell.run"%windi
伍咖·2015-04-20 23:00

win10预览版无法打开office卸载重装依然解决不了

windows10预览版解决方法：1、打开记事本，输入以下代码：复制代码代码如下:echooffnetstopclipsvcif"%1"==""(echo====BACKINGUPLOCALLICENSESmove%windi
佚名·2015-03-18 15:07

bat处理解决运行多个任务时的任务

wscript.shell")>>%tmp%\tmp.vbsechoWshell.run"%windir%\system32\taskmgr.exe">>%tmp%\tmp.vbsechoWshell.run"%windi
zlp5201·2014-04-10 23:00

代码开发：VS 开发环境可能遇到的问题整理集合

Click Start, Run, type: %windi
·2013-08-27 16:00

asp没有权限解决方案

3、在开始菜单运行，输入如下命令：注消FSO组件：RegSvr32/u%windi
ldl22847·2013-08-20 15:00

VS2010 调用的目标发生了异常

TortoiseGit引起的,然后我Google了一下,有好几种情况,其中一种还是比较靠谱的,就是环境变量里的"系统变量"windir的值变了,打开一看,没变.再找了一个贴子,文中提到,虽然从外面看是没变,但当你点击windi
shines·2013-02-25 07:00

如何显示维基百科图片

>>%windi
shenlan211314·2011-07-09 21:00

WINXP(32)安装SMSCLIENT出错的解决办法(-)

Invalidnamespace.编译smsclient.mof出错的解决办法：一、WMI接口重注册:@echooff%windir%\system32\wbem\winmgmt/clearadap%windi
★Snowhill ★·2008-04-21 11:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他