1.2k 字 1 分钟

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

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

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...
1.4k 字 1 分钟

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

参考：Vite 安装 UnoCSS 官方文档

2.5k 字 2 分钟

Vite 环境变量主要是为了区分开发、测试、生产等环境的变量

参考：

  • Vite 环境变量配置官方文档
  • vite 环境变量

2.6k 字 2 分钟

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

428 字 1 分钟

# 1. 新建 src/typings.d.ts（在 src 文件夹下新建）

// 声明 window 上自定义属性，如事件总线
declare interface Window {
  eventBus: any;
}
// 声明.vue 文件
declare module "*.vue" {
  import { DefineComponent } from "vue";
  const component: DefineComponent<object, object, any>;
  export default component;
}
提示：遇到 ts 报错，有些时候是配置未生效，可以重启 vscode 或 ts 服务（vscode 快捷键 ctrl+shift+p 调出命令行，输入 Restart TS Server）
   1.6k 字  1 分钟
通过 vite-plugin-svg-icons 插件整合 Iconfont 第三方图标库实现本地图标
参考： vite-plugin-svg-icons 安装文档