1. 相关文档: unocss github 地址 unocss 官网地址 unocss 官网中文版 unocss 交互式文档-可快速查阅缩写 2. 安装并引入: 以vite为例,其余文档中有步骤。https://unocss.dev/integrations/ 首先安装unocss依赖包 npm install -D unocss 然后在vite.config.js 中配置 i
安装unocss UnoCSS 是一个原子化 CSS 引擎,而不是一个框架,受 Windi CSS, Tailwind CSS, Twind 启发,但是它更快、更小。 复制 pnpm install -D unocss @unocss/preset-uno @unocss/preset-icons @unocss/preset-attributify @iconify-json/ic 1. unocss自身不带css样式,由你自己编写规则,比如m-4,你...
# @iconify-json/ep 是 Element Plus 的图标库 npm i -D unocss @iconify-json/ep 修改vite.config.ts 配置 // vite.config.ts import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import Unocss from 'unocss/vite' import { presetIcons } from 'unocss' export default ...
import { defineConfig } from'vite'import vue from'@vitejs/plugin-vue'import Components from'unplugin-vue-components/vite'import AutoImport from'unplugin-auto-import/vite'import { ElementPlusResolver } from'unplugin-vue-components/resolvers'import Unocss from'unocss/vite'import { presetAttributify...
element plus Unocss pnpm 包管理器 权限菜单支持(前端与后端模式都支持,极大程度简化开发工作) 4种布局模式随意切换 布局高度 宽度随意切换 Api 自动引入 Mock 支持 暗黑模式 支持 i18n 国际化支持 图标自动引入(iconify万种图标自动且按需引入) 组件自动引入(components目录下组件自动且按需引入) ...
Vue3 已切换到默认版本,现在新做的项目基本都直接用 Vue3 了, 但是升级到 Element Plus 后很多人都感觉 icon 的使用方式不习惯、不好用,今天就跟大家分享一个简单又方便的方法,用熟悉的方法使用 icon。 只需要用到 UnoCSS UnoCSS 是antfu 开发的一个原子化 CSS 引擎,这里就不详细说了,大家感兴趣可以去读一...
"@element-plus/icons-vue": "2.1.0", "@highlightjs/vue-plugin": "2.1.0", "@lezer/common": "1.2.1", "@vueup/vue-quill": "1.2.0", "@vueuse/core": "9.5.0", "animate.css": "4.1.1", "await-to-js": "^3.0.0",
简介: Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(1) 前言 本篇是 vue3-element-admin v2.x 版本从 0 到 1,相较于 v1.x 版本 主要增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式的支持。 项目预览 在线预览 https://vue3.youlai.tech/ 首页控制台 ...
Element PlusElement Plus2.4.2 TypeScriptJavaScript 的超集5.2.2 piniaVue 存储库 替代 vuex52.1.7 vueuse常用工具集10.6.1 vue-i18n国际化9.6.5 vue-routerVue 路由4.2.5 unocss原子 css0.57.4 iconify在线图标库3.1.1 wangeditor富文本编辑器5.1.23 ...
vue-pure-admin是一个免费开源的中后台模版。使用了最新的vue3 vite2 Element-Plus TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。 💡 保持稳定的同时采用最新技术栈 基于Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss等最新技术栈开发 ...