# @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
element plus Unocss pnpm 包管理器 权限菜单支持(前端与后端模式都支持,极大程度简化开发工作) 4种布局模式随意切换 布局高度 宽度随意切换 Api 自动引入 Mock 支持 暗黑模式 支持 i18n 国际化支持 图标自动引入(iconify万种图标自动且按需引入) 组件自动引入(components目录下组件自动且按需引入) ...
@unocss/preset-uno:它作为unocss的默认预设,提供了流行的实用程序优先框架 Tailwind CSS、Windi 的通用超集 CSS、Bootstrap、Tachyons 等。添加了这个预设,我们就可以像使用Tailwind CSS那样去使用unocss了。 @unocss/preset-attributify:对其它预设和规则提供 属性模式,可以像使用属性那样在HTML中使用css。 @unocss...
app.use(ElementPlus, { size:'small', locale: zhCn }) app.mount('#app') 2-2、按需引入,官方案例:unplugin-element-plus/examples/vite 引入ElementPlus $ npm install element-plus --save 还需要安装几个插件unplugin-vue-components,unplugin-auto-import,unocss npm install -D unplugin-vue-componen...
Vue3 已切换到默认版本,现在新做的项目基本都直接用 Vue3 了, 但是升级到 Element Plus 后很多人都感觉 icon 的使用方式不习惯、不好用,今天就跟大家分享一个简单又方便的方法,用熟悉的方法使用 icon。 只需要用到 UnoCSS UnoCSS 是antfu 开发的一个原子化 CSS 引擎,这里就不详细说了,大家感兴趣可以去读一...
"unocss": "^0.50.6", "unplugin-auto-import": "0.13.0", "unplugin-icons": "0.15.1", "unplugin-vue-components": "0.23.0", "unplugin-vue-setup-extend-plus": "0.4.9", "vite": "4.3.1", "vite-plugin-compression": "0.5.1", ...
简介: Vue3 + Vite + TypeScript + Element-Plus:从零到一构建企业级后台管理系统(前后端开源)(1) 前言 本篇是 vue3-element-admin v2.x 版本从 0 到 1,相较于 v1.x 版本 主要增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式的支持。 项目预览 在线预览 https://vue3.youlai.tech/ 首页控制台 ...
UnoCSS 是一个具有高性能且极具灵活性的即时原子化 CSS 引擎 。 参考:Vite 安装 UnoCSS 官方文档 安装依赖 npm install -D unocss vite.config.ts 配置 // vite.config.ts import UnoCSS from 'unocss/vite' export default { plugins: [ UnoCSS({ /* options */ }), ], } main.ts 引入 uno.css...
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1,相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。
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 ...