1.6k 1 分钟

Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。

参考:Pinia 官方文档

1.6k 1 分钟

通过 vite-plugin-svg-icons 插件整合 Iconfont 第三方图标库实现本地图标

参考: vite-plugin-svg-icons 安装文档

1.4k 1 分钟

UnoCSS 是一个具有高性能且极具灵活性的即时原子化 CSS 引擎 。

参考:Vite 安装 UnoCSS 官方文档

1.1k 1 分钟

一款 CSS 预处理语言,SCSS 是 Sass 3 引入新的语法,其语法完全兼容 CSS3,并且继承了 Sass 的强大功能。

548 1 分钟

官网 # 1. 安装依赖 执行 pnpm create stylelint# orpnpm init stylelint将会生成 .stylelintrc.json 文件,自动安装 stylelint 和 stylelint-config-standard 依赖 # 2. 安装规则配置文件 执行 pnpm add stylelint-config-recommended-less stylelint-config-standard-vue less -D stylelint-config-recommended-less -- less...
3k 3 分钟

国际化分为两个部分:

  • Element Plus 框架国际化(官方提供了国际化方式)
  • 自定义国际化(通过 vue-i18n 国际化插件)

1.2k 1 分钟

Element Plus 2.2.0 版本开始支持暗黑模式,启用方式参考 Element Plus 官方文档 - 暗黑模式, 官方也提供了示例 element-plus-vite-starter 模版

这里根据官方文档和示例讲述如何使用 VueUse 的 useDark 方法实现暗黑模式的动态切换。

2.6k 2 分钟

Vant 默认使用 px 作为样式单位,如果需要使用 viewport 单位 (vw, vh, vmin, vmax),推荐使用 postcss-px-to-viewport 进行转换。