unocss

unocss使用&问题记录

1.安装与配置安装：npmadd-Dunocss在入口文件导入unocss和重置样式//main.ts文件//引入unocss编译的样式import‘uno.css’//重置浏览器默认样式import‘
u014632228·2023-10-08 17:13

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

windicssvscode提示插件WindiCSSIntelliSense下载npmi-Dvite-plugin-windicsswindicss配置vite.config.tsimportWindiCSSfrom"vite-plugin-windicss";exportdefault{plugins:[WindiCSS()],};main.tsimport"virtual:windi.css"
潇、然·2023-10-08 17:13

unocss+vite+vue3初使unocss

一、什么是UnoCss？UnoCSS是一个即时的原子CSS引擎，而非一款框架，因为它并未提供核心工具类，所有功能可以通过预设和内联配置提供。
xiaaaa.z·2023-10-08 17:11

Vite + Vue3 + Pinia + UnoCss 无TS纯享模板

Vite+Vue3无TS纯享模板本文章做代码库地址和技术栈文档进行存档，不对技术栈进行详细解释和配置，讲究一个开箱即用，多点摸鱼时间。至于为什么没有TS版，因为要摸鱼不想动，因为TS版还在准备中(comingsoon)直接上代码地址所用技术栈Vite秒开应用~，比Webpack香，React也官方推荐用Vite来新建应用了，更别说Vue3框架啦，大势所趋Vue3看你挺懂Vue8K一个月来我公司上班
W1ping·2023-10-08 17:11

UnoCSS + Vue3 + Vite入门

优点增加开发维护效率：少打很多字符，也不用跳来跳去或者分屏去修改样式复用性强，缩小项目体积降低命名负担不用担心更改影响到其他地方：只是更改了某个东西的class名，而不是更改class里的属性引擎介绍Unocss
该写代码了·2023-10-03 00:50

vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手

简介：vue3让你写页面样式事半功倍的CSS框架-Unocss配置上手nuxt3配置：https://github.com/unocss/unocss/tree/main/packages/nuxt写法地址
至尊丨楷君·2023-09-30 18:38

vue2+vue-cli使用unocss

1.安装依赖执行命令：npminstall@unocss/webpack--save-dev2.配置vue.config.jsconstunocss=require('@unocss/webpack')
橙色日落·2023-09-30 18:07

unocss在vue-cli中的使用

unocss+webpack安装pnpmiunocss@unocss/webpack-D配置vue.config.jsconstUnoCSS=require("@unocss/webpack").defaultmodule.exports
新时代的弩力·2023-09-30 18:36

Vue-Vben-Admin -- 自定义上传excel文件弹框组件

4.4.9ant-design-vueant-design-vue4.0.3TypeScriptJavaScript的超集5.1.6piniaVue存储库替代vuex52.1.6vueuse常用工具集10.4.1vue-i18n国际化9.4.0vue-routerVue路由4.2.4unocss
Kingsaj·2023-09-28 21:00

【unocss】apply聚合语法，unocss配置

前言最近在使用unocss时，我感觉原子化CSS把这些类名堆在一个标签里，实在谈不上精致美观，那我们有没有办法将这些样式类名搬到style里呢？
少年歌行s·2023-09-16 04:56

原子化CSS（Atomic CSS)

UnoCSS，它不是像TailWindCSS和WindiCSS属于框架，而是一个引擎，它没有提供预设的原子化CSS工具类。
每天吃饭的羊·2023-09-13 07:53

基于 Quarkc 的 WCD 模板工程使用指南

相比于Quarkc提供的template-quarkc-component-ts模板做了如下调整:序号描述1调整npmrunbuild为批量构建2新增npmrunnew创建组件3增加unocss原子CSS
·2023-09-12 14:16

【Vue工程】010-UnoCSS 即时按需原子 CSS 引擎

【Vue工程】010-UnoCSS即时按需原子CSS引擎文章目录【Vue工程】010-UnoCSS即时按需原子CSS引擎一、概述1、简介2、官网二、基本使用1、安装2、修改`vite.config.ts
訾博ZiBo·2023-08-31 07:00

Windi CSS和Tailwind CSS以及UnoCSS

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

vue3 tailwindcss的使用

npminstall-Dtailwindcss@latestpostcss@latestautoprefixer@latestnpmi-Dunocss然后vite.config.ts中引入importUnocssfrom'unocss
逆风优雅·2023-08-24 21:21

vue2中使用unocss，在ie11 不能正常显示unocss的颜色设置

前景ie11不能正常显示unocss的颜色设置：“–un-text-opacity:1!
阿川阿川·2023-08-19 07:57

vue2中使用unocss，在ie11 不能正常显示unocss的颜色设置

前景ie11不能正常显示unocss的颜色设置：“--un-text-opacity:1!
·2023-08-18 19:39

unocs在style模块中使用原子化css

配置官方提供了插件实现在style中写原子化css，官方文档#apply//vite.config.tsimport{defineConfig}from"vite";importUnocssfrom"unocss
·2023-08-16 12:34

Soybean Admin - 基于 Vue3 / vite3 等最新前端技术栈构建的中后台模板，免费开源、清新优雅，主题丰富

关于SoybeanAdminSoybeanAdmin是一个基于Vue3/Vite3/TypeScript/NaiveUI/Pinia和UnoCSS的中后台模版，它使用了最新流行的前端技术栈，内置丰富的主题配置
那些免费的砖·2023-07-25 22:27

vscode插件unocss无法正常使用

官网文档：https://alfred-skyblue.github.io/unocss-docs-cn/integrations/vscode#VPSidebarNav无法使用的原因很多人在使用的时候会配置
蜕.·2023-07-25 17:44

vue3+taro+Nutui 开发小程序（一）

这篇我们首先搭建一个框架：vscode插件准备环节：目前我用到的插件如下：Eslint用来vue格式化代码的Prettier用来格式化js代码Volar作为vue的二代插件，集成了vetur的相关功能Unocss
前端的路人丁·2023-07-25 03:03

UnoCSS给了我一个不用tailwindcss的理由

相同的原由&前言如果你没有听说过tailwindcss或者unocss，请先return先去了解一下。
·2023-06-16 00:42

在vue中使用unocss及基本使用方法

文章目录什么是unocss？
头发掉完就不学了·2023-06-13 06:12

unocss 基础用法

一、什么是unocssunocss是一个即时的原子CSS引擎，它可以让你用简短的类名来控制元素的样式，而不需要写复杂的CSS代码。当然，原子样式也有很多选择，最著名的就是Tailwind。但由于Tailwind会生成大量样式定义，会导致全量的CSS文件往往体积会多至数MB，从而有性能上有一些不足。扩展：什么是原子化原子化CSS是一种CSS架构方式，其支持小型、单一用途的类，其名称基于视觉功能。更加
halo1416·2023-06-13 06:03

教你如何实现一个页面自动打字效果

前言：最近在写一个类似于windows启动页的项目，不知道大家是否还记的windows很经典的小光标加载页面，我又稍微改造了一下效果如下：一.光标闪烁效果的实现tips：在这里我们使用了UnoCSS，如果你不清楚
·2023-02-17 10:46

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

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

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

目录1.常见的VueUI库1.1ElementPlus1.2AntDesignVue1.3iView1.4Vant2.scoped、样式穿透2.1scoped渲染规则2.2样式穿透3.Vue3样式新特性3.1插槽选择器:slotted()3.2全局选择器:global()3.3动态样式绑定3.4cssmodule4.TailwindCss4.1基本介绍及优点分析4.2PostCss处理Tailwi
Lyrelion·2022-12-11 19:35

Unocss(原子化css) 使用及vue3 + vite + ts讲解

目录Unocss简单使用下载Unocss依赖在vite.config.ts中引入最后在main.ts中引入uno.css然后就是使用最后附带样式查询地址想使用图标图标库具体使用Unocss简单使用首先初始化一个
·2022-11-07 09:44

unocs在style模块中使用原子化css

配置官方提供了插件实现在style中写原子化css，官方文档#apply//vite.config.tsimport{defineConfig}from"vite";importUnocssfrom"unocss
·2022-07-19 17:10

Unocss(原子化css) 使用(vue3 + vite + ts)

Unocss简单使用首先初始化一个vite项目使用pnpm安装pnpmcreateviteunocss-demo----templatevue-ts使用npm安装npminitvite@latestmy-vue-app
迹风i·2022-07-18 16:32

vue3 + express + socket.io 快速搭建响应式 web 即时聊天应用

这是一款响应式开源的web即时聊天应用，该应用使用全新技术构建，前端使用element-plus+vue3+vite+ts+pinia+socket.io+unocss等开发，后端使用nodejs+express
·2022-07-07 15:43

使用webpack5，vue3搭建项目

稳定地enalpro创建Web应用特性Vue3,wepack@5,pnpm,减小node_modules体积组件自动化加载使用Pinia的状态管理UnoCSS-高性能且极具灵活性的即时原子化CSS引擎各种图标集为你所用
·2022-03-30 17:10
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他