VUE-CLI引入unocss 首先,我的vue-cli是4.4.4版本,不是5版本,所以unocss得装老一点的版本 npm install-D@unocss/webpack@0.46.5npm install-Dunocss@0.46.5npm i-D@unocss/preset-icons@iconify/json//安装图标库 // vue.config.jsconstUnoCSS=require('@unocss/webpack').defaultmodule.exports={configu...
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example
在UnoCSS 的官网首页,已经为我们展示了它的优点 没有核心实用程序。所有功能均通过预设提供。 瞬间。无需解析、无需AST、无需扫描。它比Windi CSS或TailWind JIT快5倍。 轻量级。零deps和浏览器友好:~6kb min+brotli。 丰富的集成。一流的Vite、Webpack、PostCSS、CLI、VS Code、ESLint等支持。 快捷方式。动...
import{ defineComponent,PropType,toRefs}from"vue";import"uno.css";// 颜色类型声明exporttypeIColor='black'|'gray'|'red'|'yellow'|'green'|'blue'|'indigo'|'purple'|'pink'exportconstprops = {color: {type:StringasPropType<IColor>,default:'blue'// 设定默认颜色}, }exportdefaultdefineComponent({...
介绍UnoCSS 在UnoCSS的官网首页,已经为我们展示了它的优点👇 没有核心实用程序。所有功能均通过预设提供。 瞬间。无需解析、无需AST、无需扫描。它比Windi CSS或TailWind JIT快5倍。 轻量级。零deps和浏览器友好:~6kb min+brotli。 丰富的集成。一流的Vite、Webpack、PostCSS、CLI、VS Code、ESLint等支持。
借助UnoCSS 的任意值和组件自定义,您可以立即构建所需的 UI。 这是Anu 最令人兴奋和喜爱的功能。通过可配置数组自定义渲染的 UI。 Anu 提供整洁且精心制作的 UI 组件来构建令人惊叹且专业的 UI。 Anu 构建在 UnoCSS、VueUse 等强大工具之上 - 为您节省大量开发时间。
Soybean Admin(github上的标星数为1.3k)是一个基于Vue 3、Vite3、TypeScript、NaiveUI、Pinia和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。
Soybean Admin(github上的标星数为1.3k)是一个基于Vue 3、Vite3、TypeScript、NaiveUI、Pinia和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。
soybean-admin - A clean, elegant, beautiful and powerful admin template, based on Vue3, Vite5, TypeScript, Pinia, NaiveUI and UnoCSS. Server-side rendering Nuxt.js - Versatile Vue.js Framework. Static website generator VuePress - Minimalistic Vue-powered static site generator. îles - Isla...
Soybean Admin：基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版 一、引言 随着互联网技术的快速发展，前端开发领域也在不断演进。Soybean Admin 作为一个基于最新前端技术栈的中后台模版，为开发者提供了一个高效、规范、灵活的解决方案。本文将深入探讨 Soybean Admin 的技术特性...