WindiCSS

vue3+vite+ts+pinia+windicss开箱即用脚手架

脚手架传送门项目整体采用vue3compositionapi+vite+pinia+vue-router+windicss+eslint+prettier+tslint希望大佬们看看有什么可以补充的

「已注销」·2024-02-02 20:11

我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】

前言聊一下自己使用这些技术的一些体会与心得，不做具体的搭建过程了，说一下工程的设计思想与遇到了哪些问题。项目背景最近一直在忙一个EPR系统的开发，新项目之前团队的技术栈基本停留于Vue2+Js+Webpack+Vuex上，但是Vue生态其实已经可以说进入了次时代，虽然我个人其实不是很倡议盲目的去追赶新的框架，因为我觉得先把自己手头的技术掌握扎实才是重中之重，团队的同学绝大多数是一些基本的开发程序员

Coder HoMeTown·2024-02-02 20:10

即时按需原子 CSS 引擎：比 Tailwind JIT 快 5 倍！ | 开源日报 No.149

unocss/unocssStars:14.6kLicense:MIT该项目是一个即时的按需原子CSS引擎，受到WindiCSS、TailwindCSS和Twind的启发，解决了定制化、速度和体积的问题

开源服务指南·2024-01-20 10:04

使用Windi CSS（基于vue-cli）

1、先创建vue项目利用脚手架vue-cli创建，根据需求设置vue版本、babel等，无特别要求直接用默认的vue2或vue3就行vuecreate项目名2、运行vue项目，利用vue-cli安装WindiCSS

Kw_Chng·2023-12-26 03:55

Vue3 Element Plus WindiCSS 项目开发环境搭建

一概述MVVM是Model-View-ViewModel的简写，它本质上是MVC的改进版。MVVM将其中的View的状态和行为抽象化，并且将视图UI和业务逻辑分开。（1）M：即Model（模型），包括数据和一些基本操作。（2）V：即View（视图），指页面渲染结果。（3）VM：即View-Model，指模型与视图间的双向操作（无须开发者干涉）。二项目实战2.1安装Node.js根据研发环境类型，安

晨曦蜗牛·2023-12-19 22:08

UnoCSS 原子化开发初体验

它比WindiCSS或TailwindJIT快5倍轻量级的：零依赖且适用于浏览器：~6kbmin+brotli丰富的集成能力：对V

天問_·2023-12-15 12:52

js单行文本溢出显示省略号时才展示el-tooltip

主要使用：windicss的w-100限制宽度，并使用truncate溢出显示省略号el-tooltip的:disabled属性控制el-tooltip气泡的显示隐藏{{item.label}}使用mouseover

₍•ʚ•₎呀呀·2023-11-24 11:22

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

一、WindiCSS它是一个CSS框架，便于管理和后期维护Home|WindiCSS二、安装1.打开官方文档，选择Vite进行安装2.进入项目终端，安装相关包npmi-Dvite-plugin-windicsswindicss3

月亮的星星圈·2023-11-23 07:09

vue3+vite+windicss+element-plus+axios+router+cookies 搭建

一、vue3+vite+windicss+element-plus+axios+router安装及使用方法参考下面的视频：课时1.课程介绍_哔哩哔哩_bilibili课时1.课程介绍是Vue3+Vite

找到快乐的根源·2023-11-12 22:35

在vue3项目中加载element-plus,windicss,vue-router，axios

一.首先你要有node.js环境（没有的话请去b站找教程）二.打开你要建立文件的位置，我使用的是vscode。在这里，打开终端运行npmcreatevue@latest完成以下选择：三.在新建的文件中把components底下的文件删除四.找到App.vue，删除底下的代码，变成如下图：五.打开element-plus官网：翻译|ElementPlusaVue3basedcomponentlibr

_GuGu_·2023-11-12 22:35

Vue3.x&Vite2.0简易版打包优化

plugin-vue-Dnpmivite-svg-loader-Dnpmi@vitejs/plugin-legacy-Dnpmi@vitejs/plugin-vue-jsx-Dnpmivite-plugin-windicss-Dnpmivite-plugin-mock-Dnpmivite-plugin-live-reload-Dnpmivite

Boriska1996·2023-11-11 07:46

antd vue3 图片上传组件扩展，支持多图上传图片拖拽排序等

组件涉及到vue3.2、vite、AntDesignVue3.2.16、WindiCSS样式库、vuedraggable-es拖拽库等组件功能图片拖拽多图上传自定义图片加载样式自定义图片加载失败样式注意

苦修的木鱼·2023-11-04 22:12

nextjs引入tailwindcss 、antd、sass

原子化css是最近十分火的技术，还有最小的windicss和unocss,公司最近用的技术也是这个，我个人使用俩个月的评价是，在你有一定c

@LitterFisher·2023-10-29 12:35

uniapp\ taro 如何使用 UnoCSS 原子化css

unocss-preset-weapp相较于tailwindcss和windicss,unocss的性能和可扩展性都优于它们UnoCSS小程序预设unocss-preset-weapp内置transformer

勒布朗-前端·2023-10-21 09:30

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

WindiCSSIntelliSense下载npmi-Dvite-plugin-windicsswindicss配置vite.config.tsimportWindiCSSfrom"vite-plugin-windicss

潇、然·2023-10-08 17:13

React 在 styled-components 中使用 TailwindCss

Styled-Components中的@apply将tailwind编译为普通css支持tailwind和windiBabel:https://github.com/JiangWeixian/babel-plugin-styled-windicss

xxxxxue·2023-10-06 10:01

MEIS —— 前端部分基本配置

项目基本配置这篇文章我们随着上一篇文章继续往下叙述，主要是将element和windicss等开发配置进项目中，以及基本的一些页面和组件给他完成。

-Kk·2023-09-30 12:13

Vue3+element-plus实现后台管理系统

背景（未完待续）环境：node.js软件、Vscode、vite、elemnt-plus、windicss(样式框架）第一节课1、首先，使用npm命令构建项目（vscode安装的插件vscode中文显示插件

人民的石头·2023-09-25 01:40

原子化CSS（Atomic CSS)

UnoCSS，它不是像TailWindCSS和WindiCSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。

每天吃饭的羊·2023-09-13 07:53

uniapp集成windicss的流程

一、背景介绍Windicss是一个基于TailwindCSS灵感的库，它更快、更兼容，使用TypeScript构建。

Kingsaj·2023-09-05 05:59

Windi CSS和Tailwind CSS以及UnoCSS

看到其他人用了一种写法，我觉得很奇怪，之前没见过，他是这样写的我不理解的是为什么这样写就会让这个div的高度就是40px,好多代码都是这样，我去css里边搜索发现并没有额外设置什么，带着好奇我就搜了一下，原来是WindiCSS

白鲸ld·2023-08-30 10:35

windicss的使用

yarnadd-Dvue-cli-plugin-windicssvue3:npmi-Dvite-plugin-windicsswindicss第二步：//vue.config.jsmodule.exports={pluginOptions:{windicss

前端段·2023-08-23 15:00

使用windcss及打开windicss中文文档

一、windicss二、安装windicss三、使用windicss一、windicss WindiCSS是下一代工具优先的CSS框架。

开心没头脑·2023-08-12 02:44

Cesium引入vite + vue3

vite.config.jsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importWindiCSSfrom'vite-plugin-windicss'importcesiumfrom'vit

时光浅止·2023-08-06 06:03

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

最近由于项目原因接触到了windiCss发现这个东西真是绝绝子啊,不用在代码里写一行style,完全以类的形式去写样式,它里面包含了几乎所有的css样式，可以让我们不需要再去繁琐的写css样式，原来几行的

沉迷...·2023-07-27 00:50

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

1.效果预览2.代码准备导入windiCSS：npmi-Dvite-plugin-windicsswindicsswindiCSS官网：https://cn.windicss.org/integrations

不染-9732·2023-07-26 16:50

Vue3.0 Vite + windicss + ...实战项目(十五.二)

十九.如何动态添加后端返回的菜单实现动态路由的添加呢?1.router/index.js文件import{createRouter,createWebHashHistory}from"vue-router";importAdminfrom"~/Layout/admin.vue";importIndexfrom"~/pages/index.vue";importLoginfrom"~/pages/L

coderhzc·2023-03-17 21:01

Windi Css

文章目录一、WindiCss是什么？二、代码演示2.运行效果一、WindiCss是什么？

是发财不是旺财·2023-02-06 08:16

一篇文章教小白学会搭建 vite + ts + vue3 项目，手把手教程，不会算我输

目录一、基础环境和工具1.使用pnpm代替npm2.使用pinia代替vuex3.使用windicss4.使用vscode5.使用sourcetree6.了解vite+ts+vue二、项目搭建1.流程图

我有一棵树·2023-02-05 03:47

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

不了解unocss的朋友，建议先阅读此文章https://antfu.me/posts/reimagine-atomic-css-zh简单来说，unocss是一个css引擎，用过TailwindCSS和windiCSS

子绎·2023-02-03 11:09

nest+react+vue3 写一个你自己的博客网站

github.com/wmy94827/nest-react-blog如果对你有帮助，给你star，谢谢在线演示-后台管理在线演示-客户端接口文档演示-接口文档技术栈后台管理-react+vite+ts+hooks+windicss

王明远·2022-05-28 17:59

Vue中v-slot插槽详解

准备工作搭建vite安装WindiCSS或者Tailwind不使用插槽importCategoryfrom'.

·2022-04-19 11:56

推荐频道