1.9k 字 2 分钟

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

参考：Pinia 官方文档

4.5k 字 4 分钟

特点:

  • 完整的 ts 支持
  • 三大核心：state（存储的值），getters（计算属性），actions也可支持同步（改变值的方法，支持同步和异步）
  • 与vuex相比，去除了mutations（actions也可支持同步）和modules（只有store之间的互相引用）
1.1k 字 1 分钟

跨域原理

浏览器同源策略: 协议、域名和端口都相同是同源，浏览器会限制非同源请求读取响应结果。

本地开发环境通过 Vite 配置反向代理解决浏览器跨域问题，生产环境则是通过 nginx 配置反向代理 。

1.8k 字 2 分钟

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

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

1.2k 字 1 分钟

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

584 字 1 分钟

官网 1.安装依赖执行 pnpm create stylelint # or pnpm 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 –...
1.4k 字 1 分钟

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

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

1.6k 字 1 分钟

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

参考：Vite 安装 UnoCSS 官方文档

2.6k 字 2 分钟

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

参考：

  • Vite 环境变量配置官方文档
  • vite环境变量
2.7k 字 2 分钟

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